2017-06-18 106 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代碼是」

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

'ID = '出師表[]''應該是'name = '出師表[]'' –

+0

ü要送一堆新創建的輸入,'名= inst []'告訴它什麼時候提交給服務器它是一個數組。 –

+0

只是'echo'

';print_r($_POST);echo '
';'在process.php你會看到。 –

回答

2
在JSü有 <input id='inst[]'>如u看到ü甚至做有一個處理程序發送到PHP趕上所以它不會被提交,因爲它這麼想的有

一個name屬性,如果ü把name=inst它將只發送一個輸入其中U被JS動態添加,但如果u做name=inst[]所有的輸入值將被髮送到服務器作爲數組。我跳你長了它。

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[]' />"); 
});