Javascript 动态添加预填充有用户'；是否使用jquery从另一个表单输入？

好的，这是我需要做的---

需要创建一个表单-包含两个输入：项目和数量 用户将输入。。。将有一个添加按钮，如下所示

<form id="form1">
   <input type="text id="item" name="" value="" placeholder="Item #">
   <input type="text id="quantity" name="" value="" placeholder="quantity">
   <input name="Add" type="button" class="add" value="add"/>
</form>

这是棘手的部分

我需要来自form1的输入，以便在用户每次点击add按钮时以单独的表单“form2”创建新的输入。。。也就是说，他们可以添加多个项目。添加的每个项目都需要创建新的输入

下面输入的名称将是#item和#quantity的值的组合 然后，用户将此表单提交到我的购物车url

它的格式必须如此

<form id="form2">
<input name="ADD_#itemvalue=#quantityvalue" value="" id="NewUcItem">
<input name="submit" type="button" value="submit"
</form>

实际上几天前刚做了类似的东西。我对它进行了一些编辑，所以它应该适合你

<script>
function addForm(){
    $("#forms").append(
        "<form><input/>........</form>"
    );
}
</script>

<input name="Add" type="button" class="add" value="add" onclick="addForm();"/>
<div id="forms"></div>


函数addForm（）{
$（“#表格”）。追加(
"........"
);
}

只需根据需要编辑附加部分。
以下是我的答案：

(function($){ 
   $('.add').click(function(){ 
     var item = $('#item').val(); 
     var quantity = $('#quantity').val(); 
     $('<input name="ADD_'+item+'='+quantity+'" value="" ').insertBefore(#form_id2 input[name="submit"]'); 

   }):
})(jQuery);

（函数（$）{
$（'.add'）。单击（函数（）{
var item=$（'#item'）.val（）；
变量数量=$（“#数量”）.val（）；
$（'Thank@Pra）我打算试一试！