Come ottenere il formato padre di un input?

Question

Ho bisogno di ottenere un riferimento al parent form di un INPUT quando ho solo un riferimento a quello INPUT. Questo è possibile con JavaScript? Usa jQuery se vuoi.

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

Questo non funziona:

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

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

Answer 1

elementi DOM nativi che sono ingressi hanno anche un attributo form che punta al modulo di appartenenza:

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

Secondo w3schools , la proprietà .form dei campi di input è supportata da IE 4.0+, Firefox 1.0+, Opera 9.0+, che è ancora più browser garantito da jQuery, quindi tu dovrebbe attenersi a questo.

Se questo fosse un diverso tipo di elemento (non un <input>), si potrebbe trovare il genitore più vicina con closest:

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

Inoltre, vedere questo link MDN sulla form proprietà di HTMLInputElement:

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

Answer 2

Utilizzando jQuery:

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

Answer 3

Ogni ingresso ha una proprietà form che punta alla forma l'ingresso appartiene, così semplicemente:

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

Answer 4

avevo bisogno di usare element.attr ('forma') invece dell'elemento .Form

io uso firefox su Fedora 12

Answer 5

Se si utilizza jQuery e avere una maniglia a qualsiasi elemento del modulo, è necessario per ottenere (0) l'elemento prima di utilizzare .Form

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

Answer 6

io uso un po 'di jQuery e vecchio javascript stile - meno codice

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

Questo è un riferimento completo per il modulo contenente l'elemento

Answer 7

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

e nel codice HTML , è necessario trovare tale elemento e aggiungere il "modulo" attribut per collegarsi a tale modulo, fare riferimento a http://www.w3schools.com/tags/att_input_form.asp ma questa forma attr. non supporta IE, per esempio, è necessario passare direttamente l'id del modulo.

Answer 8

sarebbe questo lavoro? (Lasciando vuoto l'azione sottopone forma a se stessa, giusto?)

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

"questo" sarebbe l'elemento di selezione, .Form sarebbe il suo form padre. Destra?

Answer 9

semplicemente come:

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

Answer 10

E un altro ancora ....

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