Is there a better jQuery solution to this form submit

Question

I want to trigger the submit event of the form the current element is in  A method I know works sometimes is   this form submit      I m wondering if there is a better solution  possibly using jQuery  as I m not 100  sure method works in every browser   Edit   The situation I have is  as follows    lt form method  get  gt       lt p gt  lt label gt Field Label          lt select onchange  this form submit     gt               lt option value  blah  gt Blah lt  option gt                            lt  select gt  lt  label gt       lt  p gt   lt  form gt    I want to be able to submit the form on change of the  lt select gt    What I m looking for is a solution that works on any field within any form without knowing the id or name on the form     form first   and    form   won t work because the form could be the third on the page  Also  I am using jQuery on the site already  so using a bit of jQuery is not a big deal   So  is there a way to have jQuery retrieve the form the input select textarea is in

User · Answer

this form submit      This is probably your best bet  Especially if you are not already using jQuery in your project  there is no need to add it  or any other JS library  just for this purpose

User · Answer

In JQuery you can call     form first   trigger  submit     Don t know if that is much better  I think form submit    is pretty universal

User · Answer

I think what you are looking for is something like this     field  closest  form   submit      For example  to handle the onchange event  you would have this     select your fields here  change function           this  closest  form   submit          If  for some reason you aren t using jQuery 1 3 or above  you can call parents instead of closest

User · Answer

this form submit      This is probably your best bet  Especially if you are not already using jQuery in your project  there is no need to add it  or any other JS library  just for this purpose

User · Answer

Your question in somewhat confusing in that that you don t explain what you mean by  current element    If you have multiple forms on a page with all kinds of input elements and a button of type  submit   then hitting  enter  upon filling any of it s fields will trigger submission of that form  You don t need any Javascript there   But if you have multiple  submit  buttons on a form and no other inputs  e g   edit row  and or  delete row  buttons in table   then the line you posted could be the way to do it    Another way  no Javascript needed  could be to give different values to all your buttons  that are of type  submit    Like this    lt form action       gt       lt input type  hidden  name  rowId  value       gt       lt button type  submit  name  myaction  value  edit  gt Edit lt  button gt       lt button type  submit  name  myaction  value  delete  gt Delete lt  button gt   lt  form gt    When you click a button only the form containing the button will be submitted  and only the value of the button you hit will be sent  along other input values    Then on the server you just read the value of the variable  myaction  and decide what to do

User · Answer

Similar to Matthew s answer  I just found that you can do the following     this  closest  form   submit      Wrong  The problem with using the parent functionality is that the field needs to be immediately within the form to work  not inside tds  labels  etc    I stand corrected  parents  with an s  also works  Thxs Paolo for pointing that out

User · Answer

I think what you are looking for is something like this     field  closest  form   submit      For example  to handle the onchange event  you would have this     select your fields here  change function           this  closest  form   submit          If  for some reason you aren t using jQuery 1 3 or above  you can call parents instead of closest

User · Answer

Your question in somewhat confusing in that that you don t explain what you mean by  current element    If you have multiple forms on a page with all kinds of input elements and a button of type  submit   then hitting  enter  upon filling any of it s fields will trigger submission of that form  You don t need any Javascript there   But if you have multiple  submit  buttons on a form and no other inputs  e g   edit row  and or  delete row  buttons in table   then the line you posted could be the way to do it    Another way  no Javascript needed  could be to give different values to all your buttons  that are of type  submit    Like this    lt form action       gt       lt input type  hidden  name  rowId  value       gt       lt button type  submit  name  myaction  value  edit  gt Edit lt  button gt       lt button type  submit  name  myaction  value  delete  gt Delete lt  button gt   lt  form gt    When you click a button only the form containing the button will be submitted  and only the value of the button you hit will be sent  along other input values    Then on the server you just read the value of the variable  myaction  and decide what to do

User · Answer

You can always JQuery-ize your form submit  but it may just call the same thing      form   submit       probably able to affect multiple forms  good or bad      or you can address it by ID     yourFormId   submit      You can also attach functions to the submit event  but that is a different concept

User · Answer

Your question in somewhat confusing in that that you don t explain what you mean by  current element    If you have multiple forms on a page with all kinds of input elements and a button of type  submit   then hitting  enter  upon filling any of it s fields will trigger submission of that form  You don t need any Javascript there   But if you have multiple  submit  buttons on a form and no other inputs  e g   edit row  and or  delete row  buttons in table   then the line you posted could be the way to do it    Another way  no Javascript needed  could be to give different values to all your buttons  that are of type  submit    Like this    lt form action       gt       lt input type  hidden  name  rowId  value       gt       lt button type  submit  name  myaction  value  edit  gt Edit lt  button gt       lt button type  submit  name  myaction  value  delete  gt Delete lt  button gt   lt  form gt    When you click a button only the form containing the button will be submitted  and only the value of the button you hit will be sent  along other input values    Then on the server you just read the value of the variable  myaction  and decide what to do

User · Answer

lt form method  get  gt      lt p gt  lt label gt Field Label        lt select onchange  this form submit     gt            lt option value  blah  gt Blah lt  option gt                         lt  select gt        lt  label gt      lt  p gt         lt  --  lt input name  submit  type  submit    gt     name  submit new name  -- gt       lt  form gt    lt  --      this form submit    this form elements  submit     -- gt

User · Answer

this form submit      This is probably your best bet  Especially if you are not already using jQuery in your project  there is no need to add it  or any other JS library  just for this purpose

User · Answer

You can always JQuery-ize your form submit  but it may just call the same thing      form   submit       probably able to affect multiple forms  good or bad      or you can address it by ID     yourFormId   submit      You can also attach functions to the submit event  but that is a different concept

User · Answer

You can always JQuery-ize your form submit  but it may just call the same thing      form   submit       probably able to affect multiple forms  good or bad      or you can address it by ID     yourFormId   submit      You can also attach functions to the submit event  but that is a different concept

User · Answer

Similar to Matthew s answer  I just found that you can do the following     this  closest  form   submit      Wrong  The problem with using the parent functionality is that the field needs to be immediately within the form to work  not inside tds  labels  etc    I stand corrected  parents  with an s  also works  Thxs Paolo for pointing that out

User · Answer

In JQuery you can call     form first   trigger  submit     Don t know if that is much better  I think form submit    is pretty universal

User · Answer

You can always JQuery-ize your form submit  but it may just call the same thing      form   submit       probably able to affect multiple forms  good or bad      or you can address it by ID     yourFormId   submit      You can also attach functions to the submit event  but that is a different concept

User · Answer

lt form method  get  gt      lt p gt  lt label gt Field Label        lt select onchange  this form submit     gt            lt option value  blah  gt Blah lt  option gt                         lt  select gt        lt  label gt      lt  p gt         lt  --  lt input name  submit  type  submit    gt     name  submit new name  -- gt       lt  form gt    lt  --      this form submit    this form elements  submit     -- gt

User · Answer

I think what you are looking for is something like this     field  closest  form   submit      For example  to handle the onchange event  you would have this     select your fields here  change function           this  closest  form   submit          If  for some reason you aren t using jQuery 1 3 or above  you can call parents instead of closest

User · Answer

I have found that using jQuery the best solution is    this form  submit     Using this statement jquery plugins  e g  jquery form plugin  works correctly and jquery DOM traversing overhead is minimized

User · Answer

Your question in somewhat confusing in that that you don t explain what you mean by  current element    If you have multiple forms on a page with all kinds of input elements and a button of type  submit   then hitting  enter  upon filling any of it s fields will trigger submission of that form  You don t need any Javascript there   But if you have multiple  submit  buttons on a form and no other inputs  e g   edit row  and or  delete row  buttons in table   then the line you posted could be the way to do it    Another way  no Javascript needed  could be to give different values to all your buttons  that are of type  submit    Like this    lt form action       gt       lt input type  hidden  name  rowId  value       gt       lt button type  submit  name  myaction  value  edit  gt Edit lt  button gt       lt button type  submit  name  myaction  value  delete  gt Delete lt  button gt   lt  form gt    When you click a button only the form containing the button will be submitted  and only the value of the button you hit will be sent  along other input values    Then on the server you just read the value of the variable  myaction  and decide what to do

User · Answer

this form submit      This is probably your best bet  Especially if you are not already using jQuery in your project  there is no need to add it  or any other JS library  just for this purpose

User · Answer

I have found that using jQuery the best solution is    this form  submit     Using this statement jquery plugins  e g  jquery form plugin  works correctly and jquery DOM traversing overhead is minimized

User · Answer

In JQuery you can call     form first   trigger  submit     Don t know if that is much better  I think form submit    is pretty universal

User · Answer

In JQuery you can call     form first   trigger  submit     Don t know if that is much better  I think form submit    is pretty universal

User · Answer

I think what you are looking for is something like this     field  closest  form   submit      For example  to handle the onchange event  you would have this     select your fields here  change function           this  closest  form   submit          If  for some reason you aren t using jQuery 1 3 or above  you can call parents instead of closest

[javascript] Is there a better jQuery solution to this.form.submit();?

Examples related to javascript

Examples related to jquery

Examples related to forms

Examples related to submit