如何在javascript中使用admore表单

How do I use admore form in javascript

本文关键字：admore 表单 javascript      更新时间：2024-02-28

如何使用addmore按钮重复表单。它应该是一个动态的形式

我使用

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

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

试试这个

<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>

由于使用了运算符=，您正在丢失旧的html。您需要使用+=来连接较旧的html。

试试这个：

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

相关文章：