javascript - 处理动态输入组

Question

我正在创建一个表单，其中的一部分将使用 javascript 进行克隆。输入名称的类型为 input[ID][date]、input[ID][type] 等，其中 ID 是输入组。这些将是表单提交后决定的关系 ID。

我目前有一个 ID 占位符，在克隆时会被当前元素计数替换。

问题

当有人添加 3 个元素 ([0],[1],[2]) 并删除第一个元素时，该元素的下一个 ID 将为 2，与第三个元素相同，覆盖其输入。我无法使用 input[][date] 因为它会为每个输入创建单独的数组。

问题

处理动态输入数组的最佳方法是什么？我是否应该将 ID 保留为变量并每次递增它，以便即使在删除元素后它也是唯一的？随机临时身份证有用吗？ (我想它可以这样重复)

Answer 1

我不久前做了类似的事情，这就是方法。

我将每个元素名称/id 存储在数组中["inputname1", "inputname2"]。

然后，当用户添加新元素时，我会重新迭代我的数组 ["inputname1", "inputname2", "inputname3"] 并将每个名称 id 替换为基于新的 id 编号关于我迭代了多少输入。

如果输入被删除，数组将会移动，不用担心相同的输入 ID 号。

比原来更高效(您不需要刷新每个输入删除按钮或其 ID) Example

Original Example

抱歉，如果我解释得不够好。