Wie bekomme ich das Elternformular einer Eingabe?

Question

Ich brauche einen Verweis auf den Elternteil FORM eines INPUT, wenn ich nur einen Verweis auf diesen INPUT habe. Ist das mit JavaScript möglich? Verwenden Sie jQuery, wenn Sie möchten.

function doSomething(element) { 
    //element is input object 
    //how to get reference to form? 
} 

funktioniert das nicht:

var form = $(element).parents('form:first'); 

alert($(form).attr("name")); 

Answer 1

india DOM-Elemente, die Eingänge auch ein form Attribut sind, die das Formular verweisen sie gehören:

var form = element.form; 
alert($(form).attr('name')); 

Nach w3schools Die .form Eigenschaft von Eingabefeldern wird von IE 4.0+, Firefox 1.0+, Opera 9.0+ unterstützt, das sind noch mehr Browser, die jQuery garantiert, also Sie sollte dabei bleiben.

Wenn dies eine andere Art von Elemente ist (keine <input>), können Sie den nächsten Elternteil mit closest finden können:

var $form = $(element).closest('form'); 
alert($form.attr('name')); 

Auch finden Sie in diesem MDN Link auf der form Eigenschaft HTMLInputElement:

• https://developer.mozilla.org/en/DOM/HTMLInputElement#Properties

Answer 2

Verwendung 210:

function doSomething(element) { 
    var form = $(element).closest("form").get(). 
    //do something with the form. 
} 

Answer 3

Jeder Eingang hat eine form Eigenschaft, die zu der Form weist der Eingang gehört, so einfach:

function doSomething(element) { 
    var form = element.form; 
} 

Answer 4

Ich brauchte element.attr zu verwenden ('Form') anstelle von Element .form

ich benutze firefox auf Fedora 12

Answer 5

jQuery bei der Verwendung und einen Griff auf jede Form Element haben, müssen Sie (0) das Element, bevor .form mit

var my_form = $('input[name=first_name]').get(0).form; 

Answer 6

ich ein bisschen jQuery und alten Stil Javascript - weniger Code

$($(this)[0].form) 

Dies ist ein vollständiger Verweis auf das Formular mit dem Elemente

Answer 7

function doSomething(element) { 
    var form = element.form; 
} 

und im html , müssen Sie dieses Element finden und das attribut "form" hinzufügen, um sich mit diesem Formular zu verbinden, beziehen Sie sich bitte auf http://www.w3schools.com/tags/att_input_form.asp aber diese Form attr unterstützt IE nicht, dh Sie müssen die Formular-ID direkt übergeben.

Answer 8

würde das funktionieren? (Aktion leer läßt geltend zu zurück zu sich selbst bilden, nicht wahr?)

<form action=""> 
<select name="memberid" onchange="this.form.submit();"> 
<option value="1">member 1</option> 
<option value="2">member 2</option> 
</select> 

„diese“ würde das select-Element sein, würde .form ihre Mutterform. Recht?

Answer 9

einfach als:

alert($(this.form).attr('name')); 

Answer 10

Und noch ....

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