入力の包含形式を取得するにはどうすればよいですか？

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、入力フィールドのプロパティは、IE 4.0以降、Firefox 1.0以降、Opera 9.0以降でサポートされています。これは、jQueryが保証するより多くのブラウザーであるため、これに固執する必要があります。

これが別のタイプの要素（以外<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と古いスタイルのJavaScriptを使用しています-少ないコード

$($(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で、あなたはその要素を見つけ、そのフォームに接続するために属性「フォーム」を追加する必要があります。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

この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はその親フォームになります。正しい？