请教追加table行的问题。

页面上用table显示了一些内容，这些内容可以编辑。并且下边有一追加按钮，可以追加行，每一行又删除按钮。可以删除行。行的内容
1列 下拉列表  2列 单选按钮 3，4，5列 输入框 6列 删除按钮。应该用什么方法方便实现呢。

解决方案 »

  1.   

    你看这个，然后改改：http://dl.dropbox.com/u/2555620/jquery/table.html
      

  2.   

    <html> 
    <head> 
    <title> </title> 
    <script type="text/javascript"> 
    function $(elem) 
    { 
    return document.getElementById(elem); 
    } 
    var num=1; 
    function addd() 
    { 
    var tab=$("tb"); 
    var row=tab.insertRow(-1); 
    row.id="row"+num; 
    var cell1=row.insertCell(-1); 
    var cell2=row.insertCell(-1); 
    var cell3=row.insertCell(-1); 
    var cell4=row.insertCell(-1); 
    var cell5=row.insertCell(-1); 
    var cell6=row.insertCell(-1); 
    cell1.innerHTML="<select name='xxx'></select>"; 
    cell2.innerHTML="<input  type='radio'  value='sex' name='sex'>";
    cell3.innerHTML=" <input type='text'>"; 
    cell4.innerHTML=" <input type='text'>"; 
    cell5.innerHTML=" <input type='text'>"; 
    cell6.innerHTML=" <input type='button' onclick='del("+num+")' value='delete' >"; 
    num++; }
    function del(num) 
    { 
      
        var row=$("row"+num); 
        var tab=$("tb");    
        tab.deleteRow(row.rowIndex); 
        
    } 
    </script> 
    </head> 
    <body> 
    <table id="tb" border=1> 
    </table> 
        <input type="button" value="add" id="ok" onclick="addd();"/> 
    </body> 
    </html>
      

  3.   

    可以使用Dom的insertRow添加表格行,deleteRow删除表格行.
    你可以到这里来看看使用方法:insertRow
      

  4.   

    for循环
    insertRow(i)
    deleteRow(this.rowIndex)