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

~~你忘了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/

Answer 2

您想使用clone()复制第一个表单，然后使用append（）将其放入另一个容器中

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

您正在使用的当前方法只是移动现有方法

的 DEMO

如何将表单添加到表单？

2 个答案: