處理動態輸入組

Question

我正在創建一個表單，其中的一部分將使用javascript進行克隆。 輸入名稱的類型為input[ID][date] ， input[ID][type]等，其中ID為輸入組。 這些將是提交表單后確定的關系ID。

我目前正在使用ID的占位符，該占位符在克隆時會被當前元素數替換。

問題

當有人添加3個元素（[0]，[1]，[2]）並刪除第一個元素時，該元素的下一個ID將為2，與第三個元素相同，從而覆蓋其輸入。 我不能使用input[][date]因為它將為每個輸入創建單獨的數組。

題

處理動態輸入數組的最佳方法是什么？ 我是否應該將ID保留為變量，並且每次都將其遞增，以使其即使在刪除元素后也唯一？ 隨機臨時ID是否可以使用？ （我想它可能會重復這種方式）

Answer 1

我前一陣子做了這樣的事情，這就是方法。

我將每個元素名稱/ id存儲在數組["inputname1", "inputname2"] 。

然后，當用戶添加新元素時，我將重復迭代數組["inputname1", "inputname2", "inputname3"]並根據迭代了多少個輸入，用新的ID號替換每個名稱ID。

如果刪除了輸入，則數組將移動，無需擔心相同的輸入ID號。

比原來的更高效（你不需要刷新每個輸入刪除按鈕，或者它們的ID） 例

原始例子

對不起，如果我解釋得不夠好。