javascript - 在添加另一个时动态创建文本框的值

Question

使用此代码，我动态创建文本框，但是当我在文本框中填充某些文本然后再次按添加按钮时，第一个文本框的值将消失。

<script>
  function add()
{
    document.getElementById("place").innerHTML+='<input type="text" name="bimename">';

}</script>
<div id="place"></div><input type="button" onClick="add();" value="add">

Answer 1

替换为此代码：

function add()
{
   var input = document.createElement("input");
   input.type = "text";
   input.name = "bimename";
   document.getElementById("place").appendChild(input);
}

<div id="place"></div><input type="button" onClick="add();" value="add">

Answer 2

您应该创建真正的<input>元素。

Fiddle

上的演示

HTML：

<input type="button" value="add" /><div id="place"></div>

的JavaScript：

document.querySelector('input[value="add"]').onclick = function add() {
    var newElem = document.createElement('input');
    newElem.type = 'text';
    newElem.name = 'bimename';
    document.getElementById('place').appendChild(newElem);
};