文章/答案/技术大牛

发布

社区首页 >问答首页 >克隆形式的Jquery克隆问题

问克隆形式的Jquery克隆问题
EN

Stack Overflow用户

提问于 2015-06-05 16:15:55

回答 1查看 66关注 0票数 0

好吧，我正在想办法复制一张表格。我看了这里的亚历克斯的例子：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/。它仍然不工作，因为某些原因，即使是修复。

javascript

jquery

回答 1

Stack Overflow用户

回答已采纳

发布于 2015-06-05 16:17:49

您丢失了您的id选择器的散列

var source = $('testForm'),

应该是

var source = $('#testForm'),

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/30671198

复制

相似问题

问克隆形式的Jquery克隆问题
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问克隆形式的Jquery克隆问题EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问克隆形式的Jquery克隆问题
EN