提交事件未启动

submit event not firing

本文关键字：启动 事件 提交      更新时间：2023-11-19

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

<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>

普通javascript的submit()将触发表单的自然提交过程，jquery的submit无法绕过它。因此，最好单独使用jQuery，

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

演示

相关文章：