Bir girdinin kapsayıcı formu nasıl elde edilir?

Sadece o GİRİŞ'e referansım olduğunda bir GİRİŞ'in FORM ebeveynine referans almam gerekiyor. Bu JavaScript ile mümkün mü? İsterseniz jQuery kullanın.

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

Bu çalışmıyor:

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

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

Girdi olan yerel DOM öğeleri, formait oldukları forma işaret eden bir özelliğe de sahiptir :

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

Göre W3Schools'da , .formbu tutması gerektiğini bu nedenle giriş alanlarının mülkiyeti, hatta daha tarayıcılar bu jQuery garanti olan IE 4.0+, Firefox 1.0+, Opera 9.0+, tarafından desteklenmektedir.

Bu farklı türde bir öğe olsaydı (bir değil <input>), en yakın ebeveyni şununla bulabilirsiniz closest:

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

Ayrıca bu MDN bağlantıya bakın formmülkiyet HTMLInputElement:

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

Her girdinin, formgirdinin ait olduğu forma işaret eden bir özelliği vardır, bu yüzden basitçe:

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

Biraz jQuery ve eski stil javascript kullanıyorum - daha az kod

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

Bu, öğeyi içeren forma tam bir referanstır

JQuery kullanarak :

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

JQuery kullanıyorsanız ve herhangi bir form öğesi için bir tutamaç varsa, .form'u kullanmadan önce öğeyi (0) almanız gerekir.

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

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

ve html'de, bu öğeyi bulmanız ve bu forma bağlanmak için "form" niteliğini eklemeniz gerekir, lütfen http://www.w3schools.com/tags/att_input_form.asp adresine bakın, ancak bu form attr değil IE'yi destekleyin , örneğin, form kimliğini doğrudan iletmeniz gerekir.

Onun element.attr('form')yerine kullanmam gerekiyordu element.form.

Fedora 12'de Firefox kullanıyorum.

basitçe:

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

Ve bir tane daha ...

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

Bu Javascript işlevi örneği, formu tanımlamak için bir olay dinleyicisi tarafından çağrılır

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

bu işe yarar mı? (eylemi boş bırakarak formu kendisine de geri gönderir, değil mi?)

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

"bu", seçim öğesi, .form ise üst biçimi olacaktır. Sağ?