如何在javascript中使用admore表格

Question

How do i repeat a form using a addmore button.It should be a dynamic form.

I used

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

But every time i click the button it overwrite on the previous.But I want to keep the previous input field.

Answer 1

Try this

<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

You are loosing your old html because you used operator = . You need to concat with older html using += .

Try this:

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

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