有关JS Table的问题

孙康

我正在做一个table用于显示用户所选取的项目。用户可以随时删除任一table中的条目。目前我只可以做到增加条目，由下至上删除条目，但是却怎样也想不到要如何才能够做到删除任一条目。请指教：

下面是部分的源代码：

function remRow(numRow)  //删除条目
{
    document.getElementById('filter_list').deleteRow(numRow);
}

function insRow(fieldname,criteria) //加入条目
{
    //alert(fieldname+criteria);
    var num_rows = document.getElementById('filter_list').rows.length;
    var del_but = '<center><a href="#" id="fl'+num_rows+'" onClick="remRow(\''+ num_rows +'\')"><img src="img/b_drop.png" width="16" height="16" border="0"></a></center>';
    var show_but = '<input type="checkbox" name="checkbox" value="checkbox">';
    var cmd_but = '<center><img src="img/bd_up.png" width="13" height="8">&nbsp;<img src="img/bd_down.png"></center>';
    alert (num_rows);
    //var a = num_rows + 1;
    var x=document.getElementById('filter_list').insertRow(num_rows);
    a=x.insertCell(0);
    a.innerHTML=del_but;
    b=x.insertCell(1);
    b.innerHTML=fieldname;
    c=x.insertCell(2);
    c.innerHTML=criteria;
    d=x.insertCell(3);
    d.innerHTML=show_but;
    e=x.insertCell(4);
    e.innerHTML=cmd_but;
}

KLear

试试看

1. 
   
2. </html>
   
3.     <table width="400" id="tab1"  border="0" CELLPADDING ="0"  cellspacing ="0" >
   
4.         <tr bgcolor="#FFFFFF" name="inserttr">
   
5.             <td><input type="checkbox" disabled="true"/></td>
   
6.             <td><input type="text" name="text1"></td>
   
7.             <td><input type="text" name="text2"></td>
   
8.             <td><input type="text" name="text3"></td>
   
9.         </tr>
   
10.     </table>
    
11.     <input type="button" name="addrow" value="增加" onclick="insertTR()">
    
12.     <input type="button" name="delrow" value="删除" onclick="deleteTR()">
    
13. </html>
    
14. 
    
15. <script language="javascript" id="insertable">
    
16. function insertTR() {
    
17.     var oRow1=tab1.insertRow(tab1.rows.length);
    
18.     var cellone=oRow1.insertCell(0);
    
19.     var cellone1=oRow1.insertCell(1);
    
20.     var cellone2=oRow1.insertCell(2);
    
21.     var cellone3=oRow1.insertCell(3);
    
22.     var contnttext=document.createElement("<input type=checkbox>");
    
23.     var contnttext1=document.createElement("<input type=text name=text1>");
    
24.     var contnttext2=document.createElement("<input type=text name=text2>");
    
25.     var contnttext3=document.createElement("<input type=text name=text3>");
    
26.    
    
27.     cellone.appendChild(contnttext);
    
28.     cellone1.appendChild(contnttext1);
    
29.     cellone2.appendChild(contnttext2);
    
30.     cellone3.appendChild(contnttext3);
    
31. }
    
32. 
    
33. function deleteTR() {
    
34.     j=1;
    
35.     while(j<tab1.rows.length) {
    
36.         var oChild=tab1.rows(j);
    
37.         if(oChild.cells(0).children(0).checked==true) {
    
38.             i=0;
    
39.             oChild.disabled=true;
    
40.             oChild.style.display="none";
    
41.         }
    
42.         j++;
    
43.     }
    
44. }
    
45. </script>
    

复制代码

cisco

JavaScript怎么跑到Java版里来了？