Javascript select onchange='this.form.submit()'

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();          */     });