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

【问题标题】：How to keep the Value of a Textfield with Javascript after adding new ones?添加新文本字段后如何使用 Javascript 保留文本字段的值？
【发布时间】：2014-01-30 09:44:53
【问题描述】：

我用 Javascript 编写了一些代码。我用一些复选框文本字段填充一个 div 标签，但是当我添加一个新的文本字段时，它总是刷新每个文本字段，而不是仅仅添加一个新的。

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

http://jsfiddle.net/Wyqd6/1/

如何保留之前文本字段的值？

编辑注意：修复了 jsfiddle 链接，没有代码错误

【问题讨论】：

在添加 JSFiddle 链接时绕过“请在您的问题中发布代码”警告并不意味着您应该将 JSFiddle 链接粘贴到代码块中。提出这个问题的大多数人都不会费心访问该链接。
谢谢，我不会再犯同样的错误了。
您正在覆盖整个块，而不是仅附加到现有块。另外，为什么在一个id 上使用++ 就可以满足所有这些不同的变量？ zavg 有正确的答案。这里有一些免费的想法；）jsfiddle.net/Wyqd6/4
@Shaanimal 我需要这些变量用于一些 SQL 查询。这就是我创建它们的原因。谢谢你的回答。

标签： javascript jquery checkbox textfield

【解决方案1】：

由于您使用的是 JQuery，请使用

$('#addfeld').append()

而不是

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

这里是小提琴：

http://jsfiddle.net/Dr6Le/

【讨论】：

【解决方案2】：

使用.append 而不是添加到innerHTML。像这样：

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

http://jsfiddle.net/Wyqd6/3/

编辑：添加代码。

【讨论】：

您应该在答案中发布相关代码，否则这本质上是一个仅链接答案。