使用jquery从其他表单动态填充新的表单字段，这些字段预先填充了用户的输入？

Question

好的，这就是我要做的-

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

<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的输入以单独的表单“ form2”创建一个新的输入。 他们可能会添加多个项目。 添加的每个项目都需要创建一个新输入。

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

它必须这样格式化

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

要么需要使用jquery和/或velcoity完成

有什么想法吗？

任何帮助将不胜感激！

谢谢-尼克

Answer 1

实际上几天前刚刚做了类似的事情。 我对其进行了一些编辑，因此它应该适合您。

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

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

只需根据需要编辑附加部分。

Answer 2

这是我的答案：

(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);

我希望这有帮助