javascript - 以动态创建的形式命名输入元素

Question

我对 Javascript 很陌生，如果我没有使用正确的术语，我很抱歉。

我有一个可以动态增长的表单。换句话说，我有一些按钮，只要用户单击它，就会添加标签和输入字段。

在表单的末尾，我想要一些运行另一个 JavaScript 函数的“完成”按钮。

但是我注意到所有输入字段都有相同的 id(因为该函数每次都使 id 相同)。

访问这些变量的正确方法是什么？？？

下面是动态创建字段的函数。我还没有编写使用表单的函数。

function buildDefaultFields(){
    // Define container
    var chargeItem_container = document.getElementById("chargeItem_container");
    // INPUT Start Date
    chargeItem_container.appendChild(document.createTextNode('Start Date: '));
    var startDate = document.createElement("input");
    startDate.type = 'date';
    startDate.name = 'startDate';
    startDate.id = 'startDate';
    chargeItem_container.appendChild(startDate);
    chargeItem_container.appendChild(document.createElement("br"));

}

Answer 1

如果 id 不能唯一标识单个元素，则不要使用 id，而是使用类

startDate.className = 'startDate';

然后使用 getElementsByClassName 来检索它们

var elements = document.getElementsByClassName('startDate');//然后循环遍历元素