急！怎样通过按钮在网页添加一行，行包含几个控件，并可操作

Question

想做网站个人兴趣之类资料编辑页，效果是：
默认有几行数据可以编辑：每行包含一个下拉框，两个文本输入框，一个删除按钮！
当用户想自定义时，通过点击增加按钮在默认行下面增加一行包含（一个下拉框，两个文本输入框，一个删除按钮）
点击行里删除按钮可删除当前行！文本框中数据可进行编辑。
最后有个保存按钮，可以对操作进行保存,请教大虾，怎么实现？最好有代码可以参考！

Answer 1

 <script>
        function addRow(obj)
        {
            //添加一行
            var newTr = table1.insertRow(table1.rows.length-1);
        //添加两列
        var newTd0 = newTr.insertCell();
        var newTd1 = newTr.insertCell();
        var newTd2 = newTr.insertCell();
        var newTd3 = newTr.insertCell();
        var newTd4 = newTr.insertCell();
        var newTd5 = newTr.insertCell();
        //设置列内容和属性
        newTd0.innerText = '关键字';
        newTd1.innerHTML = '<input type=text id="newKeyWord" name="newKeyWord">';
        newTd2.innerText = '状态';
        newTd3.innerHTML = '<select id="sltStatus" name="sltStatus"><option value=1>正常</option><option value=0>错误</option></select>';
         }
    </script>用JS脚本

Answer 2

要想效果好，用 ajax + js 实现

Answer 3

 function delRow() {
        table1.deleteRow(table1.rows.length - 2);
    }//删除一行，刚才忘了贴了
<table>
………………
 <tr><td><input type="submit" value="提交" /></td>
            <td><input id="Button1" type="button" value="添加新行" onclick="addRow()" /></td>
            <td><input id="Button2" type="button" value="删除一行" onclick="delRow()" /></td>
        </tr>
    </table>

Answer 4

关键innerHTML,加个ajax，实现无刷新提交