如何將表單添加到表單中？

Question

我想單擊按鈕時在表單下方添加表單。到目前爲止的代碼：

<form class="a" action="" method="" > 
    product:<input type="text"> 
    price:<input type="text"> 
</form> 
<div class="b"> </div> 
<button class="c"> add </button> 

的jQuery：

$('.c').on('click', function(){ 
    $('.a').insertAfter($('.b')) 
    }); 

我試圖追加，但它不是工作壓力太大。

Answer 1

你想用clone()複製的第一種形式，然後使用追加（）把它放到另一個容器

$('.c').on('click', function(){ 
    var $clone = $('.a:first').clone(); 
    // clear all values in clone 
    $clone.find(':input').val(''); 
    $('.b').append($clone);  
}); 

您使用目前的方法是根本將移動現有的一個

DEMO

Answer 2

你忘了b前面的小圓點。

$('.a').insertAfter($('.b')) 

$('.c').on('click', function(){ 
    $('.a').appendTo($('.b')); 
}); 

工作例如：http://jsfiddle.net/t5sx2h4v/1/

這裏是你如何添加一個新的形式。

$('.c').on('click', function(){ 
    $('<form><input type="text"/></form>').appendTo($('.b')); 
}); 

http://jsfiddle.net/t5sx2h4v/2/