我正在制作一个表单,允许用户通过点击按钮添加额外的输入字段。
它基本上看起来像这样:
用一点JavaScript:
它基本上看起来像这样:
<div>
<input type="text" placeholder="existing"/>
</div>
<button class="add">add</button>
用一点JavaScript:
var add = document.querySelector(".add");
var div = document.querySelector("div");
add.addEventListener('click', function () {
div.innerHTML += '<input type="text" placeholder="new"/>';
});
然而,我注意到当按钮被点击时 - 如果任何现有的输入字段有值,它们会被清除。
我已经尝试了一段时间,似乎找不到停止这种情况发生的解决方案,所以我想知道这里是否有人可以帮忙。
这是一个演示 http://jsfiddle.net/gxzLZ/
outerHTML
之前执行div.appendChild
。 - sam-pyt