Question

好的，我正在试图弄清楚如何复制表单。我从这里看了Alex的例子：Clone form and increment ID。但是，当我单击按钮时，没有任何反应。

这是HTML

<!DOCTYPE html>
<head>
<script src="jquery-1.11.3.js"></script>
<script src="dup.js"></script>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
</head>

<body>
<form id="testForm" name="testForm">
  <input type="button" value="Input Button" id="button"/>
  <input type="checkbox" id="checkbox"/>

  <input type="file" id="file"/>
  <input type="hidden" id="hidden"/>
  <input type="image" id="image"/>

  <input type="password" id="password"/>
  <input type="radio" id="radio"/>
  <input type="reset" id="reset"/>

  <input type="submit" id="submit"/>
  <input type="text" id="text"/>
  <select id="select-one"><option>Option</option></select>

  <textarea id="textarea"></textarea>
  <button id="submit">Button</button>
</form>
<button id="add" name="add">Duplicate</button>
</body>
</html>

这是Javascript：

//Dupe form and append number every id attribute
(function() {

    var count = 0;

    $('#add').click(function() {

        var source = $('testForm'),
            clone = source.clone();

        clone.find(':input').attr('id', function(i, val) {
            return val + count;
        });

    clone.insertBefore(this);

    count++;
});
})();

它几乎可以复制并粘贴上一个答案。我错过了什么吗？

[编辑]你去了：https://jsfiddle.net/3csjoqb3/。即使使用修复程序，它仍然无法正常工作。

Answer 1

您错过了ID选择器的哈希值

var source = $('testForm'),

应该是

var source = $('#testForm'),

克隆表格的Jquery克隆问题

1 个答案: