ある 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"));
ベストアンサー1
入力となるネイティブ DOM 要素には、form
それが属するフォームを指す属性もあります。
var form = element.form;
alert($(form).attr('name'));
によるとw3学校入力フィールドのプロパティは、.form
IE 4.0 以降、Firefox 1.0 以降、Opera 9.0 以降でサポートされています。これは、jQuery が保証するブラウザーのさらに多くの部分であるため、これに固執する必要があります。
これが別のタイプの要素(ではない<input>
)であれば、最も近い親を見つけることができます。closest
:
var $form = $(element).closest('form');
alert($form.attr('name'));
form
また、次のプロパティに関する MDN リンクも参照してくださいHTMLInputElement
。