How to delete multiple dynamic textbox
<p>I have here my JS code that dynamically add textboxes.. I want to add another button that removes these textbox in case add button is accidentally clicked. Thanks!</p>

<pre><code>&lt;script language="javascript"&gt;
  row_no=0;
  function addRow(tbl,row){
    row_no++;
    if (row_no&lt;=20){
      if (row_no&lt;=20){
        if (row_no&gt;=10){
           var textbox  = row_no+'.)&amp;nbsp;&lt;input type="text" size = "50"  maxlength= "50" name= "desk_user[]"&gt;';
        }
        if (row_no&lt;10){
           var textbox  = row_no+'.  )&amp;nbsp;&lt;input type="text" size = "20"  maxlength= "50" name= "desk_user[]"&gt;';
        }
        var textbox2 = '&lt;input type="text" size = "60" maxlength= "250" name= "desk_report[]"&gt;';
        var textbox3 = '&lt;input type="text" size = "60" maxlength= "250" name= "desk_action[]"&gt;';

        var tbl = document.getElementById(tbl);
        var rowIndex = document.getElementById(row).value;
        var newRow = tbl.insertRow(row_no);
        var newCell = newRow.insertCell(0);
        newCell.innerHTML = textbox;
        var newCell = newRow.insertCell(1);
        newCell.innerHTML = textbox2;
        var newCell = newRow.insertCell(2);
        newCell.innerHTML = textbox3;
      }
      if (row_no&gt;20){
        alert ("Too Many Items. Limit of 20."); 
      }
    }
  }
&lt;/script&gt;
</code></pre>
