-1

ユーザーがdivを表示することを選択した場合、動的入力を使用するフォームがあります。動的フォーム フィールドから値を取得できません。

これが例です。

HTML (この div は、ユーザーが [DIV の表示] リンクをクリックした場合にのみ表示されます)

<form id="myForm">

<input type="text" id="name" />

<a href="#" id="showDiv">Show Div</a>

<div id="newElement" style="display:none;"><input type="text" id="newField"/></div>

<input type="submit" name="submit" id="submit" />
</form>

Javascript - ユーザーが [Show Div] リンクをクリックすると、newElement div が表示され、フォームが送信されたとします。送信時に実行されるコードは次のとおりです。

$("#myForm").submit(function(){
      alert($('#name').val());
      alert($('#newField').val());
});

最初のアラートの値を受け取りますが、2 番目のアラートは受け取りません。

4

2 に答える 2

2

私の DIV は私のフォーム フィールドと同じ名前でした (おっと)、ばかげた間違いです。ご覧いただきありがとうございます。

于 2012-06-21T20:00:34.993 に答える
-1

submitイベントをバインドし#myFormますが、まだ存在しないため、何もバインドしません。

あなたがすべきことは、on()メソッドを使用することです:

$(document).on('submit' , '#myForm', function() {
    alert($('#newField').val());
});

documentこれは、での送信呼び出しをリッスンし#myFormます。

編集

これはこの問題には当てはまりません。実際には正常に動作しているように見えますか?

于 2012-06-21T19:47:32.000 に答える