Question

我在JavaScript中有这两行代码，每次调用包含函数时，都会为用户创建两个新的HTML表单来输入数据。现在，每次创建新的2个表单时，前一个表单的输入都会被删除，我想我知道为什么，它与第二行以及我如何设置innerHTML有关。我似乎无法找到另一种方法，但是，非常感谢任何帮助！

感谢。

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;

Answer 1

了解createElement和appendChild等DOM方法。

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

Answer 2

你得到的内部html不包含你在字段中输入的值（只是尝试显示源来说服自己）。我认为你要找的是jQuery append method（如果你可以使用jQuery ......）

创建新的HTML表单而不重置之前的输入

2 个答案: