How do I set limit for the number of textboxes generated dynamically? I tried a for loop, It prints all the 19 textboxes at a time on click of a button. I want to create one at a time onclick of button.
<script type="text/javascript">
function GetDynamicTextBox(value) {
return '<input name="DynamicTextBox" type="text" id="textbox1" maxlength="8" value = "' + value + '" onkeyup = "ValidateAddTime(this, event.keyCode)" onkeydown = "return ValidateAddTime(this, event.keyCode)" />' +
'<input type="button" value="Remove" onclick = "RemoveTextBox(this)" />'
}
function AddTextBox() {
//var s = "";
var div = document.createElement('DIV');
for (var i=1; i<20; i++)
{
div.innerHTML = GetDynamicTextBox("");
}
document.getElementById("TextBoxContainer").appendChild(div);
}
function RemoveTextBox(div) {
document.getElementById("TextBoxContainer").removeChild(div.parentNode);
var lblmesg = document.getElementById("<%=lblMesg.ClientID%>");
lblmesg.innerHTML = "";
}
function RecreateDynamicTextboxes() {
var values = eval('<%=Values%>');
if (values != null) {
var html = "";
for (var i = 0; i < values.length; i++) {
html += "<div>" + GetDynamicTextBox(values[i]) + "</div>";
}
document.getElementById("TextBoxContainer").innerHTML = html;
}
}
window.onload = RecreateDynamicTextboxes;
</script>
<div id="TextBoxContainer">
</div>