Question

I have 1 slider and 1 button:

  <div data-role="fieldcontain">
    <input type="range" name="slider" id="slider" value="0" min="0" max="100"  />
  </div><br><br>
  <div data-role="fieldcontain">
    <select name="slider" id="slider" data-role="slider">
      <option value="off">Off</option>
      <option value="on">On</option>
    </select> 
  </div>

How can I POST (like form action="http://somesite" method="post"), when slider’s value is changed? button is pressed?

Answer 1

$('#slider').change(function(){
    ...
    $.post(yoururl, yourdata, function(callbackdata){
        ...
    });
});

See jQuery.post() and jQuery.change()

Edit: BTW: Having 2 elements with the same id will likely lead to major problems sooner than later.

Edit 2: If you’re trying to get a response from a different domain this way, you’re probably out of luck unless they offer you JSONP or the like. You will not be able to fetch content from a 3rd party site via XMLHttpRequest because of Same Origin Policy Limitations.

You could proxy the request through your server, though, so the AJAX call would go to the same domain.