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

User · Answer

My psychic debugging skills tell me that your submit button is named submit.
Therefore, form.submit refers to the button rather than the method.

Rename the button to something else so that form.submit refers to the method again.

User · Answer

You should be able to use something similar to       selectElementId   change      function               this  closest  form   trigger  submit                or               formElementId   trigger  submit                or               formElementId   submit

User · Answer

If you re using jQuery  it s as simple as this        mySelect   change function               myForm   submit

User · Answer

There are a few ways this can be completed    Elements know which form they belong to  so you don t need to wrap this in jquery  you can just call this form which returns the form element  Then you can call submit   on a form element to submit it        select   on  change   function e       this form submit           documentation  https   developer mozilla org en-US docs Web API HTMLInputElement

User · Answer

Bind them using jQuery and make jQuery handle it  http   jsfiddle net ZmxpW       select   change function           this  parents  form   submit

User · Answer

Use     lt select onchange  myFunction    gt       function myFunction             document querySelectorAll  input type submit    0  click

[javascript] Javascript select onchange='this.form.submit()'

Examples related to javascript

Examples related to jquery

Examples related to select