Dynamically add rows in a table in php mvc

Code:
&lt;HTML&gt;

&lt;HEAD&gt;

    &lt;TITLE&gt; Add/Remove dynamic rows in HTML table &lt;/TITLE&gt;

    [removed]

        function addRow(tableID) {

 

            var table = document.getElementById(tableID);

 

            var rowCount = table.rows.length;

            var row = table.insertRow(rowCount);

 

            var colCount = table.rows[0].cells.length;

 

            for(var i=0; i<colCount; i++) {

 

                var newcell = row.insertCell(i);

 

                newcell[removed] = table.rows[0].cells[i][removed];

                //alert(newcell.childNodes);

                switch(newcell.childNodes[0].type) {

                    case "text":

                            newcell.childNodes[0].value = "";

                            break;

                    case "checkbox":

                            newcell.childNodes[0].checked = false;

                            break;

                    case "select-one":

                            newcell.childNodes[0].selectedIndex = 0;

                            break;

                }

            }

        }

 

        function deleteRow(tableID) {

            try {

            var table = document.getElementById(tableID);

            var rowCount = table.rows.length;

 

            for(var i=0; i<rowCount; i++) {

                var row = table.rows[i];

                var chkbox = row.cells[0].childNodes[0];

                if(null != chkbox && true == chkbox.checked) {

                    if(rowCount <= 1) {

                        alert("Cannot delete all the rows.");

                        break;

                    }

                    table.deleteRow(i);

                    rowCount--;

                    i--;

                }

 

 

            }

            }catch(e) {

                alert(e);

            }

        }

 

    [removed]

&lt;/HEAD&gt;

&lt;BODY&gt;

 

    &lt;INPUT type="button" value="Add Row"  /&gt;

 

    &lt;INPUT type="button" value="Delete Row"  /&gt;

 

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

        <TR>

            <TD>&lt;INPUT type="checkbox" name="chk"/&gt;&lt;/TD>

            <TD>&lt;INPUT type="text" name="txt"/&gt;&lt;/TD>

            <TD>

                <SELECT name="country">

                    <OPTION value="in">India</OPTION>

                    <OPTION value="de">Germany</OPTION>

                    <OPTION value="fr">France</OPTION>

                    <OPTION value="us">United States</OPTION>

                    <OPTION value="ch">Switzerland</OPTION>

                </SELECT>

            </TD>

        </TR>

    </TABLE>

 

&lt;/BODY&gt;

&lt;/HTML&gt;