javascript - 如何在幻灯片范围后自动提交？

Question

我想在幻灯片范围后提交表单，我该怎么做？

http://jsfiddle.net/peap/1upb5nd2/1/

HTML:

<form method="POST" action="">  
<div name = "rangeslider" id="rangeslider" style=" height: 6px; " ></div> 
</form>

脚本:

$(function(){  
  $('#rangeslider').slider({
    range: true,
    min: 0,
    max: 1000,
    values: [ 90, 290 ],
    slide: function( event, ui ) {
      $('#bottomValue').val(ui.values[0]);
      $('#topValue').val(ui.values[1]);
      $('#rangeval').html(ui.values[0]+" - "+ui.values[1]);
    }
  });
});

Answer 1

slider 完成移动后，您可以使用“停止”事件提​​交表单

$(function(){  
  $('#rangeslider').slider({
    range: true,
    min: 0,
    max: 1000,
    values: [ 90, 290 ],
    slide: function( event, ui ) {
      $('#bottomValue').val(ui.values[0]);
      $('#topValue').val(ui.values[1]);
      $('#rangeval').html(ui.values[0]+" - "+ui.values[1]);
    },
    stop: function(event, ui) {
      $('form').submit();          
    },
  });
});

http://jsfiddle.net/1upb5nd2/2/