I want to add jsp textbox dynamically. I am using the following code single textbox.
JavaScript
x
10
10
1
<div id="certificationtog">
2
<p class="setting">
3
<input type="button" id="addrows" name="addrows" class="addperson" value="Add Rows">
4
<input type="button" id="removerows" class="removerows" value="Delete Rows" />
5
<br><br>
6
<span style="width: 0px; margin-left: 20px; font-weight: bold; float: none;">Diploma/Certificate:</span>
7
<form:input path="certification" type="text" title="Only Text Allowed" pattern="[a-zA-Zs'.,@:&?!()$#/\]+" />
8
9
</p>
10
</div>
Here, while clicking addrow button, I want to add the textbox dynamically.
Advertisement
Answer
try this:
JavaScript
1
23
23
1
<script type="text/javascript">
2
function add() {
3
var element = document.createElement("input");
4
element.setAttribute("type", "text");
5
element.setAttribute("name", "mytext");
6
var spanvar = document.getElementById("myspan");
7
spanvar .appendChild(element);
8
}
9
</SCRIPT>
10
<div id="certificationtog">
11
<p class="setting">
12
<input type="button" id="addrows" name="addrows" class="addperson"
13
value="Add Rows" onclick="add();">
14
<input type="button" id="removerows" class="removerows"
15
value="Delete Rows" />
16
<span id="myspan"></span>
17
<br><br>
18
<span style="width: 0px; margin-left: 20px; font-weight: bold; float: none;">
19
Diploma/Certificate:
20
</span>
21
</p>
22
</div>
23