使用jquery从另一个表单中动态添加预先填充了用户输入的新表单字段？答案

【问题标题】：Dynamically Add New form fields pre-populated with user's input from another form using jquery?使用jquery从另一个表单中动态添加预先填充了用户输入的新表单字段？
【发布时间】：2013-04-10 22:28:43
【问题描述】：

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

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

<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 的值的组合然后用户将此表单提交到我的购物车 url

必须这样格式化

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

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

想法？

任何帮助将不胜感激！

谢谢 -尼克

【问题讨论】：

标签： javascript jquery velocity

【解决方案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>

只需使用您需要的任何内容编辑附加部分。

【讨论】：

【解决方案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);

希望对你有帮助

【讨论】：

谢谢@prabeen 打算试一试！