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

我希望這有幫助