我正在尝试动态添加行加上计数器的自动递增。我想从 1 开始,然后是 2,然后是 3,依此类推。我在 plunker 上添加了我的代码,其中每次最大值进入第一列,如 4,然后 1,1,2,3。我哪里出错了?我希望它是 1,2,3,4。
这是插件链接 http://plnkr.co/edit/GuDbJ3SHOPvWkHfNfd8E?p=preview
var _counter = 0;
function Add() {
_counter++;
var oClone = document.getElementById("template").cloneNode(true);
oClone.id += (_counter + "");
document.getElementById("placeholder1").appendChild(oClone);
document.getElementById("myVal").value=_counter;
}
<div id="placeholder1">
<div id="template">
<div>
Value:<input type="text" id="myVal" placeholder="1">
Quantity:<input type="text" placeholder="Qty">
<input type="button" onClick="Add()" value="Click! ">
</div>
</div>
最佳答案
我认为这是因为您有多个 id="myVal"的 div。 The id attribute should be unique在页面上。否则,您的页面仍会加载,但您可能会遇到意外行为。
您正在更改模板 div 的 id,而不是 myVal div。
关于javascript - 动态添加行时计数器的增量,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28947337/