我有一个下拉菜单，它根据所选的选择构建一个表单。因此，如果有人选择“foobar”，它会显示一个文本字段，如果他们选择“cheese”，它会显示单选按钮。然后，用户可以在这些表单中输入数据。唯一的问题是，当他们添加新的表单元素时，所有其余信息都会被删除。我目前使用以下内容添加到表单：
document.getElementById('theform_div').innerHTML =
document.getElementById('theform_div').innerHTML + 'this is the new stuff';
我怎样才能保留表单中输入的内容并将新字段添加到末尾？
Setting innerHTML破坏元素的内容并从 HTML 重建它。
您需要构建一个单独的 DOM 树并通过调用添加它appendChild.
例如：
var container = document.createElement("div");
container.innerHTML = "...";
document.getElementById("theform_div").appendChild(container);
使用这更容易做到jQuery.
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
