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