Javascript 表单中的多个条目

Javascript 表单中的多个条目,javascript,html,node.js,Javascript,Html,Node.js,我想创建一个表单,将多个条目插入到一个表中,但我不知道如何将数据传递到post或生成一个数组以使de数据可用。每次用户单击我附加到表单3输入的boton时,我都需要输入该条目 <button class="btn btn-default" onclick="addPrice()">Add</button> <div> <form class='form-inline range' id="range" method='post' action='

我想创建一个表单,将多个条目插入到一个表中,但我不知道如何将数据传递到post或生成一个数组以使de数据可用。每次用户单击我附加到表单3输入的boton时,我都需要输入该条目

<button class="btn btn-default" onclick="addPrice()">Add</button>
<div>
    <form class='form-inline range' id="range" method='post' action='/providers/range_price'></form>
</div>
添加
Javascript:

function addPrice(){
var add = $('.range').append("<div class='row'><div class='col-md-12'><div class='form-group'><label class='linput' for='prices'> Price</label><input type='text' class='form-control' id='prices' name='prices' placeholder='Price'></div><div class='form-group'><label class='linput' for='minP'> Min</label><input type='number' class='form-control' id='minP' name='min' placeholder='Min'></div><div class='form-group'><label class='linput' for='maxP'> Max</label><input type='number' class='form-control' id='maxP' name="max" placeholder='Max'></div> </div></div><hr>"); 
} 
函数addPrice(){
var add=$(“.range”).append(“Price Min Max
”); }
那么问题出在哪里?什么不起作用?对于初学者来说,这将导致无效的HTML,因为您将重复使用
id
值。您还需要为表单元素提供
name
属性,以便它们向服务器发送任何内容。您还忘记了输入
name
。服务器端有什么?例如,在PHP中,您可以多次执行
,这将在服务器端生成一个数组(在
$\u POST['foo']
)。@aphextwix我不知道如何通过POST将信息传递到服务器。您使用的是Express吗?如果是,请查看和。