如何使用jquery

时间:2017-06-18 06:09:30

标签: jquery html

我有一个表单,我希望允许用户添加他/她想要的任意数量的输入框,然后将表单发回到php文件并在php变量中读取它。我试图添加的代码并没有真正让我添加像数组这样的元素。有人可以指导吗?

<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>");});

1 个答案:

答案 0 :(得分:2)

在你的js你有<input id='inst[]'>,因为你看到你做了甚至有一个处理程序发送到PHP捕获所以它没有被提交,因为它没有name属性,如果你把{ {1}}它只会发送一个由js动态添加的输入。但是,如果你做name=inst,所有输入值将作为数组发送到服务器。我,你得到它。

HTML:

name=inst[]

JS:

<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>