In jQuery, if I assign class=auto_submit_form to a form, it will be submitted whenever any element is changed, with the following code:
/* automatically submit if any element in the form changes */ $(function() { $('.auto_submit_form').change(function() { this.submit(); }); });
However, if I want to the form to submit only when specified elements are changed:
/* submit if elements of class=auto_submit_item in the form changes */ $(function() { $('.auto_submit_item').change(function() { $(this).parents().filter('form').submit(); }); });
I’m just learning jQuery. Is there a better way to do this?
Assumes you only have one form on the page. If not, you’ll need to do select the form that is an ancestor of the current element using
$(this).parents('form').submit()