javascript - 提交事件未触发

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 的 submit() 将触发表单的自然提交过程，您不能使用 jquery 的 submit 绕过它。所以最好单独使用 jQuery 来做这件事，

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

DEMO