Jquery克隆问题与克隆表格

好吧，我想弄清楚如何复制表单。我从这里看Alex的例子：Clone form and increment ID。但是，当我点击按钮时，什么也没有发生。Jquery克隆问题与克隆表格

这里的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>

而这里的Java脚本：

//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/。由于某些原因，即使在修复程序中，它仍然不起作用。

来源

2015-06-05 CaptObvious42

'$（ '了testForm'） - > $（ '＃了testForm'）'？请提供一个jsfiddle，以便它更舒适，更容易帮助您。 –

我做了改变，但仍然没有。添加了JSFiddle。 – CaptObvious42

...或者我想。现在它至少在JSFiddle上工作。不知道为什么。 – CaptObvious42

你缺少哈希您的ID选择

var source = $('testForm'),

应该

var source = $('#testForm'),

来源

2015-06-05 16:17:49 chazsolo

Jquery克隆问题与克隆表格

回答

相关问题