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

Program / 글쓴이

해당 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.

답변

모든 입력에는 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를 사용합니다.