Як отримати містити форму вводу?

Мені потрібно отримати посилання на батьківську форму FORM INPUT, коли я маю лише посилання на цей Вхід. Чи можливо це за допомогою JavaScript? Використовуйте jQuery, якщо хочете.

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

Це не працює:

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

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

Рідні елементи DOM, які є входами, також мають formатрибут, який вказує на форму, до якої вони належать:

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

Згідно з w3schools , .formвластивість полів введення підтримується IE 4.0+, Firefox 1.0+, Opera 9.0+, що є ще більшою кількістю браузерів, які гарантують jQuery, тому вам слід дотримуватися цього.

Якщо це був інший тип елемента (не an <input>), ви можете знайти найближчого з батьків closest:

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

Також дивіться це посилання MDN щодо formвластивості HTMLInputElement:

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

Кожен вхід має formвластивість, яка вказує на форму, до якої належить вхід, тож просто:

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

Я використовую трохи jQuery та старого стилю javascript - менше коду

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

Це повна посилання на форму, що містить елемент

Використання jQuery :

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

Якщо ви використовуєте jQuery і маєте ручку до будь-якого елемента форми, вам потрібно отримати (0) елемент перед використанням .form

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

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

і в html вам потрібно знайти цей елемент і додати attribut "form" для підключення до цієї форми, будь ласка, зверніться до http://www.w3schools.com/tags/att_input_form.asp, але ця форма attr не підтримка IE , т. е. вам потрібно передати ідентифікатор форми безпосередньо.

Мені потрібно було використовувати element.attr('form')замість element.form.

Я використовую Firefox на Fedora 12.

просто як:

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

І ще один….

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

Цей приклад функції Javascript викликається слухачем події для ідентифікації форми

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

це працювало б? (залишаючи пусту дію, також надсилає форму назад, правда?)

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

"це" буде елементом вибору, .form буде його батьківською формою. Правильно?