Anda di halaman 1dari 1

<!

DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"><
/script>
</head>
<body>
<div class="addInput" style="cursor:pointer">Add +</div>
<br><br>
<div class="addContent">
<label>Textbox #1 : </label><input type="text" name="textbox1" id="textbox2" val
ue="" >
<br><br>
</div>
<script type="text/javascript">
$(function () {
var counter = 2;
$('.addInput').click (function () {
if(counter>10){
alert("Only 10 textboxes allow");
return false;
}
var newTextBoxDiv = $(document.createElement('div'))
.attr("id", 'TextBoxDiv' + counter);
newTextBoxDiv.after().html('<label>Textbox #'+ counter + ' : </label>' +
'<input type="text" name="textbox' + counter +
'" id="textbox' + counter + '" value="" ><br><br>');
newTextBoxDiv.appendTo(".addContent");

counter++;
});

});
</script>
</body>
</html>

Anda mungkin juga menyukai