2017-06-18 19 views
0

フォームがあり、ユーザーが希望する数の入力ボックスを追加してから、フォームをPHPファイルにポストして読み込めるようにしたいPHPの変数で。私が追加しようとしていたコードでは、実際には配列のような要素を追加することはできません。誰かガイドできますか?jqueryを使用してフォームに要素の配列を追加する方法

<form action="process.php" method="post" enctype="multipart/form-data" id="up_form"> 
    <input id="instruction1" name="instruction1" type="input"></input> 
    <input id="next" type="button">Next</input> 
    <input id="recip_up_submit" type="submit" value="Save Recipe" name="submit"> 
</form> 

jQueryのコードは、uはuはそうであっても、それはそれは持っているdosen'tとして提出されていないキャッチするためにPHPに送信するハンドラを持って行って見るようにuは<input id='inst[]'>を持っていた「あなたのjsの中

$("#next").click(function(){$("#instruction1").after("</br><input id='inst[]'></input>");}); 
+0

'ID = 'instを[]''でなければなりません '名= 'instを[]'' –

+0

uは名前 '、新しく作成された入力の束を送信しようとしています= inst [] 'は、サーバに送信されたときに配列になることを通知します。 –

+0

ちょうど 'echo '

';print_r($_POST);echo '
';' in process.php u wil参照してください。 –

答えて

2

ですname属性uはname=instを置けば、それはuがJSによって動的に追加一つだけの入力を送信します。しかし、uはname=inst[]を行う場合は、すべての入力値が配列としてサーバーに送信されます。私はuがそれを得たホップ。

HTML :

<form action="process.php" method="post" enctype="multipart/form-data" id="up_form"> 
    <input id="instruction1" name="instruction1" type="input" /> 
    <input id="next" type="button" value="Next"> 
    <input id="recip_up_submit" type="submit" value="Save Recipe" name="submit" /> 
</form> 

JS:

$("#next").click(function() { 
    $("#instruction1").after("</br><input name='inst[]' />"); 
}); 
関連する問題