提交事件不解雇

Question

我想在更改下拉菜单时提交表单，并希望阻止页面重新加载。

<script src="jquery-1.9.1.min.js"></script>
$(document).ready( function(){
  $('#adv_search').submit( function(e){
    alert('form submitted');
    e.preventDefault();
  });
});

<form id="adv_search" name="adv_search" method="post">
  <select name="state" id="state" onchange="document.adv_search.submit()">
    ------
  </select>
</form>

Answer 1

简单的javascript＆＃39; submit()将触发表单的自然提交过程，您无法使用jquery的submit来绕过它。所以最好单独使用jQuery来做这件事，

$(document).ready(function() {
  $("#state").change(function() {
    $('#adv_search').submit();
  });
  $('#adv_search').submit(function(e) {
    alert('form submitted');
    e.preventDefault();
  });
});

DEMO