克隆表单内容,更改属性,附加到jQuery或vanilla JS中的表单

时间:2018-02-27 15:23:22

标签: javascript jquery clone

我正在努力实现上述目标 - 尽我所能,但代码根本没有执行。

$('.container').on('click', 'form', function() {
  var clone = $('form').clone();
  clone.find('input').attr('name', 'pick0' + length);
  $('form').appendChild(clone);
});
在codepen上的

html + js示例 https://codepen.io/anon/pen/KQrEMd

编辑:

尝试根据单击表单复制表单。 1点击= 1个额外表格。

3 个答案:

答案 0 :(得分:1)

尝试使用此代码:

$('.container').on('click', 'form', function() {
  var clone = $('form:last').clone();
  length = $('form').length;
  clone.find('input').attr('name', 'pick' + length);
  $('.container').append(clone);
});

答案 1 :(得分:0)

$('.container').on('click', 'form', function() {
    if(typeof($('form').data('length')=='undefined')){
       var $length = 1;
    }else{
      var $length = parseInt($('form').data('length'));
    }
  var clone = $('form').clone();
  clone.find('input').attr('name', 'pick0' + $length);
  $('form').append(clone.html());
  $('form').data('length',$length+1);
});

});

答案 2 :(得分:0)

如果我理解你的问题也许这可以帮助

//button[text()='Cancel' and not(@aria-hidden='true')]