Question

我试图编写一个最简单的代码，比如onclick of button，应该分配一个具有唯一ID的新文本框并将其附加到现有代码中。

function appendRow()
{
var x = 1;
for(var i=0; i < x; i++)
{
    var d = document.getElementById('div');
    d.innerHTML = "<input type='text' id='tst"+ x +"'><br >";
}
++x;
}

HTML：

<div id="div">
 <button onclick ="appendRow()" value="Add Row">Add Row</button>
 </div>

技术人员可能非常简单。

感谢。

Answer 1

您正在更换按钮。您必须将新div附加到已创建的元素。尝试使用+=代替=。

此外，不需要循环。您可以使用仅增加的var

分配唯一ID

尝试：

var x=1
function appendRow()
{
   var d = document.getElementById('div');
   d.innerHTML += "<input type='text' id='tst"+ x++ +"'><br >";
}

DEMO

在按钮上添加一个新文本框

1 个答案: