Bagaimana cara mendapatkan bentuk masukan?

Saya perlu mendapatkan referensi ke induk FORMULIR dari INPUT ketika saya hanya memiliki referensi ke INPUT tersebut. Apakah ini mungkin dengan JavaScript? Gunakan jQuery jika Anda suka.

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

Ini tidak berhasil:

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

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

Elemen DOM asli yang merupakan input juga memiliki formatribut yang mengarah ke bentuknya:

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

Menurut w3schools , .formproperti kolom input didukung oleh IE 4.0+, Firefox 1.0+, Opera 9.0+, yang merupakan lebih banyak browser yang dijamin jQuery, jadi Anda harus tetap menggunakan ini.

Jika ini adalah jenis elemen yang berbeda (bukan elemen <input>), Anda dapat menemukan induk terdekat dengan closest:

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

Juga, lihat tautan MDN ini di formproperti HTMLInputElement:

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

Setiap masukan memiliki formproperti yang menunjuk ke bentuk masukan tersebut, jadi sederhananya:

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

Saya menggunakan sedikit jQuery dan javascript gaya lama - kode kurang

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

Ini adalah referensi lengkap untuk formulir yang mengandung elemen

Menggunakan jQuery :

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

Jika menggunakan jQuery dan memiliki pegangan ke elemen formulir apa pun, Anda perlu mendapatkan (0) elemen tersebut sebelum menggunakan .form

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

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

dan di html, Anda perlu menemukan elemen itu, dan menambahkan atribut "form" untuk menghubungkan ke formulir itu, silakan merujuk ke http://www.w3schools.com/tags/att_input_form.asp tetapi atribut formulir ini tidak mendukung IE , misalnya, Anda harus mengirimkan id formulir secara langsung.

Saya perlu menggunakan, element.attr('form')bukan element.form.

Saya menggunakan Firefox di Fedora 12.

sesederhana:

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

Dan satu lagi....

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

Contoh fungsi Javascript ini dipanggil oleh event listener untuk mengidentifikasi formulir

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

apakah ini akan berhasil? (meninggalkan tindakan kosong, formulir pengiriman kembali ke dirinya sendiri juga, kan?)

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

"ini" akan menjadi elemen pilih, .form akan menjadi bentuk induknya. Baik?