Vinoth Kumar

Vinoth Kumar

  • 1.3k
  • 450
  • 32.3k

pressing the enter to add row of table in jquary.

Jun 23 2017 2:43 AM
<script type="text/javascript">  $(document).ready(function(){ var counter = 2;      $("#addButton").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="" >');      newTextBoxDiv.appendTo("#TextBoxesGroup");       counter++; });       $("#removeButton").click(function () { if(counter==1){           alert("No more textbox to remove"); return false; }         counter--;          $("#TextBoxDiv" + counter).remove(); });       $("#getButtonValue").click(function () { var msg = ''; for(i=1; i<counter; i++){       msg += "\n Textbox #" + i + " : " + $('#textbox' + i).val(); }           alert(msg); }); }); </script>

Answers (1)