在添加新的文本字段后，如何使用Javascript保留文本字段的值？

我用Javascript编写了一些代码。我用一些复选框Textfields填充div标记，但是当我添加一个新的Textfield时，它会刷新每个Textfield，而不仅仅是添加一个新的Textfield

document.getElementById('addfeld').innerHTML+="<input type='checkbox' name=' "+checkname+"' id='"+checkid+"'><input type='textfield' name ='"+txtname+"' id='"+txtid+"'/><br>";

document.getElementById（'addfeld'）.innerHTML+=“
”；

如何保持前面文本字段的值

---

编辑说明：修复了JSFIDLE链接，没有代码错误

，因为您使用的是JQuery，请使用

$('#addfeld').append()

而不是

document.getElementById('addfeld').innerHTML +=

这是小提琴：

---

使用

。追加

而不是添加到innerHTML。像这样：

$('#addfeld').append("<input type='checkbox' name=' "+checkname+"' id='"+checkid+"'><input type='textfield' name ='"+txtname+"' id='"+txtid+"'/><br>");

$（'#addfeld'）。追加（
）；

---

编辑：添加代码。

在添加JSFIDLE链接时忽略“请在您的问题中发布代码”警告并不意味着您应该将JSFIDLE链接粘贴到代码块中。大多数回答这个问题的人都不会费心去访问那个链接。谢谢，我不会再犯同样的错误了。你正在覆盖整个块，而不仅仅是附加到现有块上。还有，为什么+=当++在一个

id

上时，所有这些不同的变量就足够了？扎夫的答案是正确的。这里有一些免费的想法；）@Shanimal我需要这些变量来进行一些SQL查询。这就是我创建它们的原因。谢谢您的回答。您应该在答案中发布相关代码，否则这本质上是一个链接式的答案。