¿Cómo obtener la forma contenedora de una entrada?

Necesito obtener una referencia al formulario principal de una ENTRADA cuando solo tengo una referencia a esa ENTRADA. ¿Es esto posible con JavaScript? Utilice jQuery si lo desea.

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

Esto no funciona:

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

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

Los elementos DOM nativos que son entradas también tienen un formatributo que apunta al formulario al que pertenecen:

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

Según w3schools , la .formpropiedad de los campos de entrada es compatible con IE 4.0+, Firefox 1.0+, Opera 9.0+, que son incluso más navegadores que jQuery garantiza, por lo que debe atenerse a esto.

Si este fuera un tipo diferente de elemento (no un <input>), podría encontrar el padre más cercano con closest:

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

Además, vea este enlace MDN en la formpropiedad de HTMLInputElement:

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

Cada entrada tiene una formpropiedad que apunta a la forma a la que pertenece la entrada, así que simplemente:

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

Uso un poco de jQuery y javascript de estilo antiguo, menos código

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

Esta es una referencia completa al formulario que contiene el elemento.

Usando jQuery :

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

Si usa jQuery y tiene un identificador para cualquier elemento de formulario, debe obtener (0) el elemento antes de usar .form

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

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

y en el html, debe encontrar ese elemento y agregar el atributo "formulario" para conectarse a ese formulario, consulte http://www.w3schools.com/tags/att_input_form.asp pero este atributo de formulario no admite IE , por ejemplo, debe pasar la identificación del formulario directamente.

Necesitaba usar en element.attr('form')lugar de element.form.

Uso Firefox en Fedora 12.

simplemente como:

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

Y uno más ...

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

Este ejemplo de una función de Javascript es llamado por un detector de eventos para identificar el formulario

function submitUpdate(event) {
    trigger_field = document.getElementById(event.target.id);
    trigger_form = trigger_field.form;

¿Funcionaría esto? (dejar la acción en blanco también envía el formulario a sí mismo, ¿verdad?)

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

"this" sería el elemento de selección, .form sería su formulario principal. ¿Correcto?