HEX

File: C:/xampp/htdocs/ACFrame/Frame2.html
<html>

<head runat="server"><TITLE> Add/Remove dynamic rows in HTML table </TITLE>

<SCRIPT language="javascript">

function addRow(tableID) { 
    var table = document.getElementById(tableID);

    var rowCount = table.rows.length;
    var row = table.insertRow(rowCount);

    var cell1 = row.insertCell(0);
    var element1 = document.createElement("input");
    element1.setAttribute('type','button');
    element1.setAttribute('name','Add Row1');
    element1.setAttribute('value','Add Row');               
    cell1.appendChild(element1);     

    var cell2 = row.insertCell(1);
    var element2 = document.createElement("input");
    element2.type = "text";
    cell2.appendChild(element2);

    var cell3 = row.insertCell(2);
    var element3 = document.createElement("input");
    element3.type = "checkbox";
    cell3.appendChild(element3);


   element1.onclick=addRow(tableID);

}

</HEAD>

<BODY>

<TABLE id="dataTable" width="250px" border="1">

<TR>AA

<td><INPUT type="button" value="Add Row" name="Add Row" onclick="addRow('dataTable')"/></td>

<TD><INPUT type="text" /></TD>

<TD><INPUT type="checkbox" name="chk"/></TD>

</TR>

</TABLE> </BODY> </html>