Question

如何使用addmore按钮重复表单。它应该是动态表单。

我用过

<input type="submit" onclick="myFunction()">
<div id="demo"></div>
<script>
function myFunction(){
document.getElementById("demo").innerHTML="<input type='text' name='name'>";
}
</script>

但每次我点击按钮都会覆盖前一个。但我想保留上一个输入字段。

Answer 1

试试这个

<input type="submit" onclick="myFunction()">
<div id="demo"></div>
<script>
function myFunction(){
document.getElementById("demo").innerHtml=document.getElementById("demo").innerHtml+"<input type='text' name='name'>\r\n";
}
</script>

Answer 2

您丢失了旧的HTML，因为您使用了运算符=。您需要使用+=连接旧的html。

试试这个：

function myFunction() {
  document.getElementById("demo").innerHTML += "<input type='text' name='name'/>";
}

<input type="submit" onclick="myFunction()">
<div id="demo"></div>

如何在javascript中使用admore表单

2 个答案: