這是我的問(wèn)題：document.addEventListener("DOMContentLoaded",function() { const adduser = document.querySelector("#add-user"); const original = document.querySelectorAll('#input'); let i = 0; function duplicate() { let clone = original[0].cloneNode(true); clone.id = "input" + ++i; clone.name = "input" + ++i; original[0].after(clone); } adduser.onclick = function() { duplicate(); };});<form action="second.php" method="post"> <div class="form-group"> <label for="username">Name of the user:</label> <input type="text" class="form-control multinput" class="username" id="input" placeholder="Enter the user's name" name="fullName"> <button type="button" class="btn btn-default" id="add-user">+ Add a user</button> </div> <div class="buttons"> <input type="submit" name="submit" id="submit" class="button" value="Submit"/> </div></form>正如您已經(jīng)猜到的那樣，我正在嘗試克隆一個(gè)字段，但我想增加這個(gè)字段的兩個(gè)屬性（在本例中，這是一個(gè)輸入字段）?，F(xiàn)在我的問(wèn)題是，一旦我按下按鈕克隆 INPUT，在這種情況下，我將增加 id 和名稱，但不幸的是，它們不會(huì)保持相同的數(shù)字，實(shí)際上標(biāo)記將變?yōu)?<form action="second.php" method="post"> <div class="form-group"> <label for="username">Name of the user:</label> <input type="text" class="form-control multinput" id="input" placeholder="Enter the user's name" name="fullName"> <input type="text" class="form-control multinput" id="input" placeholder="Enter the user's name" name="input3"> <input type="text" class="form-control multinput" id="input" placeholder="Enter the user's name" name="input1"> <button type="button" class="btn btn-default" id="add-user">+ Add a user</button> </div> <div class="buttons"> <input type="submit" name="submit" id="submit" class="button" value="Submit"> </div></form>這個(gè)。正如您所注意到的，在我的選擇中，我們有兩個(gè)錯(cuò)誤的操作，它們是：克隆然后附加到原始輸入的輸入順序錯(cuò)誤，因?yàn)樗惶砑拥降谝粋€(gè)元素 (0)，所以附加的最后一個(gè)元素不會(huì)是上升的，但在這種情況下，它將具有更高的數(shù)字。id 和 name 都會(huì)遞增，所以我將有相同的輸入，id=1 和 name=2，這是不理想的。關(guān)于如何解決問(wèn)題的任何提示？
使用 js 和增量符號(hào) (++) 克隆一個(gè)項(xiàng)目，我的錯(cuò)誤是雙增量 i
臨摹微笑
2023-03-03 15:02:10
