創建新的HTML表單而不重置之前的輸入

我的JavaScript中有這兩行代碼，它會創建兩個新的HTML表單，供用戶在每次調用包含函數時輸入數據。現在，每當創建新的2個表單時，以前的表單都被刪除，我想我知道爲什麼，它與第二行有關，以及如何設置innerHTML。我似乎無法找到另一種方式做到這一點，但任何幫助，這是非常感謝！創建新的HTML表單而不重置之前的輸入

謝謝。

var newForm = "<b>Checkpoint " + markerId + ":</b> Name <input type='text' id=" + markerId + "> Description <input type ='text' id=" + markerId + "desc style='width:480px;height:58px;'>  <button type='submit' value='Remove' onClick='remove_checkpoint();' /> <br />"; 
document.getElementById("divForms").innerHTML = document.getElementById("divForms").innerHTML + "<br />" + newForm;

來源

2013-04-15 intA

瞭解DOM方法，如createElement和appendChild。

var div = document.createElement("div"); 
div.innerHTML = "<b>Your code</b>"; 
document.getElementById("divForms").appendChild(div);

來源

2013-04-15 16:50:44 epascarello

完美的工作！非常感謝。唯一的區別是我使用appendChild而不是追加。 – intA

在JavaScript中沒有append（）方法!!!不要混淆jQuery – Givi

@Givi，我只是在代碼示例中輸入了錯誤，在解釋中說得對。你可以編輯它。 ;） – epascarello

您正在獲取不包含您在該字段中鍵入的值的內部html（只是嘗試顯示源以說服自己）。我認爲你要找的是jQuery append method（如果你可以使用jQuery ...）

來源

2013-04-15 16:51:30

創建新的HTML表單而不重置之前的輸入

回答

相關問題