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来完成

思想？

非常感谢任何帮助！

由于 -Nick

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

我希望这会有所帮助

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

2 个答案: