javascript - 动态添加行时计数器的增量

Question

我正在尝试动态添加行加上计数器的自动递增。我想从 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>

Answer 1

我认为这是因为您有多个 id="myVal"的 div。 The id attribute should be unique在页面上。否则，您的页面仍会加载，但您可能会遇到意外行为。

您正在更改模板 div 的 id，而不是 myVal div。