จะรับรูปแบบการป้อนข้อมูลได้อย่างไร?

ฉันต้องการได้รับการอ้างอิงถึงแม่แบบฟอร์มของ INPUT เมื่อฉันมีการอ้างอิงถึง 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 ดังนั้นคุณควรจะติดนี้

หากนี่เป็นองค์ประกอบประเภทอื่น (ไม่ใช่<input>) คุณสามารถค้นหาพาเรนต์ที่ใกล้เคียงที่สุดได้ด้วยclosest:

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

นอกจากนี้โปรดดูลิงก์ MDN เกี่ยวกับformคุณสมบัติของHTMLInputElement:

• https://developer.mozilla.org/en/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 คุณต้องหาองค์ประกอบนั้นและเพิ่มแอตทริบิวต์ "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>

"this" จะเป็นองค์ประกอบที่เลือกโดย. form จะเป็นรูปแบบหลักของมัน ขวา?