Question

I have a form with a select and a few text inputs. I’d like the form to be submitted when the select is changed. This works fine using the following:

onchange="this.form.submit()"

However, if the form also contains a submit button, then the form does not submit when the select is changed. I’m guessing some kind of conflict.

What are my options here?

Should I use something like
$(this.form).trigger("submit")
instead?

Answer 1

You should be able to use something similar to:

$('#selectElementId').change(
    function(){
         $(this).closest('form').trigger('submit');
         /* or:
         $('#formElementId').trigger('submit');
            or:
         $('#formElementId').submit();
         */
    });