Jak uzyskać formularz zawierający dane wejściowe?

Potrzebuję odniesienia do nadrzędnego FORMULARZA INPUT, gdy mam tylko odniesienie do tego INPUT. Czy jest to możliwe z JavaScriptem? Jeśli chcesz, użyj jQuery.

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

To nie działa:

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

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

Natywne elementy DOM, które są formdanymi wejściowymi, mają również atrybut wskazujący formę, do której należą:

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

Według w3schools The.form właściwość pól wejściowych jest obsługiwana przez IE 4.0+, Firefox 1.0+, Opera 9.0+, czyli jeszcze więcej przeglądarek, które gwarantuje jQuery, więc powinieneś się tego trzymać.

Gdyby to był inny typ elementu (nie <input>), można by znaleźć najbliższego rodzica z closest:

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

Zobacz również ten link MDN dotyczący formwłaściwości HTMLInputElement:

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

Każde wejście ma formwłaściwość wskazującą na formularz, do którego należy wejście, więc po prostu:

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

Używam trochę jQuery i starego javascript - mniej kodu

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

To jest pełne odniesienie do formularza zawierającego element

Korzystanie z jQuery :

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

Jeśli używasz jQuery i masz uchwyt do dowolnego elementu formularza, musisz pobrać (0) element przed użyciem .form

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

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

a w html musisz znaleźć ten element i dodać atrybut „formularz”, aby połączyć się z tym formularzem, zobacz http://www.w3schools.com/tags/att_input_form.asp, ale ten formularz nie jest attr obsługuje IE , np. musisz bezpośrednio przekazać identyfikator formularza.

Musiałem użyć element.attr('form')zamiast element.form.

Używam Firefoksa w Fedorze 12.

po prostu jako:

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

I jeszcze jeden....

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

Ten przykład funkcji JavaScript jest wywoływany przez detektor zdarzeń w celu zidentyfikowania formularza

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

czy to zadziała? (pozostawiając puste pola akcji z powrotem do siebie, prawda?)

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

„this” byłby wybranym elementem, .form byłby jego formą nadrzędną. Dobrze?