I'm trying to design a table in HTML which can add a row when I click add row button & the same for deleting an added row if i intend to delete it. I have written a javascript for adding checkbox and text. But I want even combo-boxes in it and I m stuck in the middle. Could you guys just figure it out and let me know how to do that?
This is my JS file.

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.type = checkbox;

        cell1.appendChild(element1);



        var cell2 = row.insertCell(1);

        cell2.innerHTML = rowCount + 1;



        var cell3 = row.insertCell(2);

        var element2 = document.createElement(input);

        element2.type = text;

        cell3.appendChild(element2);



        var cell4 = row.insertCell(3);

        var element3 = document.createElement(input);

        element3.type = text;

        cell4.appendChild(element3);



        var cell5 = row.insertCell(4);

        //This is where the PROBLEM is!!

                    var element4 = document.createElement(select);

        element4.type = option;

        cell5.appendChild(element4);



    }



    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) {

                table.deleteRow(i);

                rowCount--;

                i--;

            }



        }

        }catch(e) {

            alert(e);

        }

    }

// JavaScript Document

NOTE: Please dont suggest SERVER_SIDE SCRIPTING. I'm just doing my homework on Java Script :)