Динамически Добавить Новые поля формы, заполненные пользователем с помощью другой формы с помощью 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» каждый раз, когда пользователь нажимает кнопку Add ... то есть. они могут добавлять несколько элементов. Каждый добавленный элемент должен создать новый вход.

имя входа ниже будет сочетанием стоимости #Item и #quantity Пользователь будет представить эту форму в моей корзине URL

это должно быть отформатированным как таковой

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

Я надеюсь, что это помогает