Question

我有一个HTML表单，当点击id时，我会在input button字段后获取该表单，然后将其内容写入div。

但是，我希望在每个连续按钮点击时附加输入值而不是替换。

我该怎么做？

这是我的代码：

function myFunction() {
   var x = document.getElementById("usr").value;     
   document.getElementById("listaa").innerHTML = x;
}

<input type="text" class="form-control" id="usr" value="unesi">
<!-- ... -->
<button type="button" class="btn btn-primary btn-lg btn-block" onclick="myFunction()">click me!</button>
<!-- ... -->
<div class="col-sm-6" id="listaa"></div>

Answer 1

如果您希望它们一个接一个地列出，请更改功能：

function myFunction() {
   var x = document.getElementById("usr").value;     
   document.getElementById("listaa").innerHTML += x + "<br>";
}

注意+=要附加文字而不是替换它。

将文本输入附加到div元素

1 个答案: