動態添加新的表單字段預填充用戶的輸入從另一個表單使用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中輸入一個單獨的形式「窗口2」每一個用戶點擊Add按鈕時...即創建一個新的投入。他們可能會添加多個項目。添加的每個項目都需要創建一個新的輸入。

輸入的名稱下方將#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); 

我希望這有助於