jQuery Submit Form onChange

Question

I'm looking to automatically submit a form using jQuery when an input is changed.

The input in question is a date picker and I need it to submit once somebody has made a selection.

<form id="select_date" name="select_date" method="POST" action="about.php?date-yes">
<input type="text" id="widgetFieldInput">
<input name="select_date" type="submit" />
</form>

Any help would be amazing!

Answer 1

Use the following jQuery snippet:

$("#widgetFieldInput").change(function() {
     this.form.submit();
});

Answer 2

$(document).ready(function(){
   $('#widgetFieldInput').change(function(){
       $('#select_date').click();
    });
});

Answer 3

If you are using the datepicker from jquery-ui you can use the onSelect event to fire custom code once a date has been picked:

$('you-date-input').datepicker({
   onSelect: function(dateText, inst) { 
      // form submit code
   }
});