javascript - 新しい入力フィールドでフォームを更新する

Question

ウィザードプラグインを使用しています。そのウィザードには、新しい<input>フィールドを動的に作成するフォームがあります。問題は、POST で送信を実行すると、新しいフィールドが見つからないことです。

どうすればこの問題を解決できますか?

Answer 1

これが実際の例です: http://jsfiddle.net/UQTY2/125/

<form id="mydiv">
    <input id="submit" type="submit" value="submit"/>
</form>

<button id="btn">Add</button>

i=0;
$('#btn').click(function(){
    $('#submit').before("<input name='test"+i+"' value='test' />");
    i++;
});

$('form').submit(function(){
    alert($(this).serialize());
    return false;
});

Answer 2

あなたの問題は、フィールドを動的に生成するときにinput、それらにname. フォームが投稿されると、名前のある人だけがサーバーに到達します。

<form action="wherever" method="post">
    // Stuff
    <input name="myshinynewfield"/>
    // More Stuff
</form>

データのエンコード方法の詳細については、MDNを参照してください。