How to get the containing form of an input

Question

I need to get a reference to the FORM parent of an INPUT when I only have a reference to that INPUT  Is this possible with JavaScript  Use jQuery if you like   function doSomething element          element is input object       how to get reference to form      This doesn t work   var form     element  parents  form first     alert   form  attr  name

User · Answer

This example of a Javascript function is called by an event listener to identify the form function submitUpdate event        trigger field   document getElementById event target id       trigger form   trigger field form

User · Answer

function doSomething element      var form   element form      and in the html  you need to find that element  and add the attribut  form  to connect to that form  please refer to http   www w3schools com tags att input form asp but this form attr doesn t support IE  for ie  you need to pass form id directly

User · Answer

Every input has a form property which points to the form the input belongs to  so simply   function doSomething element      var form   element form

User · Answer

And one more      var  e     e target      e being the event triggered var element    e parent       the element the event was triggered on console log   E     element context       object HTMLInputElement  console log   E FORM     element context form       object HTMLFormElement  console log   E FORM     element context form id      form id

User · Answer

simply as   alert    this form  attr  name

User · Answer

If using jQuery and have a handle to any form element  you need to get 0  the element before  using  form  var my form      input name first name    get 0  form

User · Answer

I use a bit of jQuery and old style javascript - less code      this  0  form     This is a complete reference to the form containing the element

User · Answer

Native DOM elements that are inputs also have a form attribute that points to the form they belong to   var form   element form  alert   form  attr  name       According to w3schools  the  form property of input fields is supported by IE 4 0   Firefox 1 0   Opera 9 0   which is even more browsers that jQuery guarantees  so you should stick to this   If this were a different type of element  not an  lt input gt    you could find the closest parent with closest   var  form     element  closest  form    alert  form attr  name       Also  see this MDN link on the form property of HTMLInputElement    https   developer mozilla org en DOM HTMLInputElement Properties

User · Answer

Using jQuery   function doSomething element        var form     element  closest  form   get          do something with the form

User · Answer

I needed to use element attr  form   instead of element form   I use Firefox on Fedora 12

User · Answer

would this work   leaving action blank submits form back to itself too  right     lt form action    gt   lt select name  memberid  onchange  this form submit     gt   lt option value  1  gt member 1 lt  option gt   lt option value  2  gt member 2 lt  option gt   lt  select gt     this  would be the select element   form would be its parent form   Right

[javascript] How to get the containing form of an input?

Examples related to javascript

Examples related to jquery

Examples related to forms

Examples related to input