포함 형식의 입력을 얻는 방법은 무엇입니까?

해당 INPUT에 대한 참조 만있는 경우 INPUT의 FORM 상위에 대한 참조를 가져와야합니다. 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입력 필드 의 속성은 jQuery가 보장하는 훨씬 더 많은 브라우저 인 IE 4.0+, Firefox 1.0+, Opera 9.0+에서 지원되므로이를 고수해야합니다.

이것이 다른 유형의 요소 (아님 <input>) 인 경우 다음을 사용하여 가장 가까운 부모를 찾을 수 있습니다 closest.

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

또한의 form속성 에 대한이 MDN 링크를 참조하십시오 HTMLInputElement.

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

모든 입력에는 form입력이 속한 형식을 가리키는 속성이 있으므로 간단히 :

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

나는 약간의 jQuery와 오래된 스타일의 자바 스크립트를 사용합니다.

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

이것은 요소를 포함하는 양식에 대한 완전한 참조입니다.

사용 jQuery :

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

jQuery를 사용하고 모든 양식 요소에 대한 핸들이있는 경우 .form을 사용하기 전에 요소를 get (0)해야합니다.

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를 지원 합니다. 즉, 양식 ID를 직접 전달해야합니다.

내가 사용하는 데 필요한 element.attr('form')대신 element.form.

Fedora 12에서 Firefox를 사용합니다.

간단히 :

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

이 자바 스크립트 함수의 예는 이벤트 리스너가 형식을 식별하기 위해 호출합니다.

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은 상위 양식입니다. 권리?