submit event not firing

Question

I want to submit a form when changing a drop down menu and want to prevent the page from reloading.

 <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

The plain javascript's submit() will trigger the natural submit process of a form, you cannot bypass it with a jquery's submit . So it is better to use jQuery alone for doing this,

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

DEMO