如何知道当前光标在表格的第几行,并怎么动态删除这一行????

Question

有个rowIndex的
资料：http://msdn.microsoft.com/library/default.asp里面Web Development〉Web Development〉SDK Documentation〉References最新、最齐全了，不过有些只适用于ie，呵呵^-^

Answer 1

1.<table><tr onmouseover="alert('这是' + (this.rowIndex + 1) + '行');"><td>asdf</td></tr><tr  onmouseover="alert('这是' + (this.rowIndex + 1) + '行');"><td>asdf</td></tr></table>
2.<table border=1><tr onclick="/*首先检查height属存不存在*/if(!this.height){this.height=this.clientHeight.toString().replace(/\D/gi,'') * 1;}this.height = this.height * 1 + 6;"><td>asdf</td></tr><tr onclick="/*首先检查height属存不存在*/if(!this.height){this.height=this.clientHeight.toString().replace(/\D/gi,'') * 1;}this.height = this.height * 1 + 6;"><td>asdf</td></tr></table>
3.是不是起来是100%,是不是全部都定义了,这个问题要看代码,贴代码出来.
4.网上的(最新的):http://msdn.microsoft.com/library/default.asp?url=/workshop/author/dhtml/reference/objects.asp
CHM格式的(没那么新),留下Email,我发给你.

Answer 2

先给你一个获得rowIndex的示例：
在表格上点击
<script>
function test(){
if (event.srcElement.parentElement.tagName.toUpperCase() == 'TR') alert(event.srcElement.parentElement.rowIndex);
}
</script>
<table border=1 width=500 onclick="test()">
<tr>
<td>first row</td>
</tr>
<td>second row</td>
<tr>
</tr>
</table>

Answer 3

完整示例:
<script>
function test(){
if (event.srcElement.parentElement.tagName.toUpperCase() == 'TR') alert(event.srcElement.parentElement.rowIndex);
}
</script>
<table id=tab border=1 width=500 onclick="test()">
<tr>
<td>first row</td>
</tr>
<td>second row</td>
<tr>
</tr>
</table>
<div id=control>
delete <input id=rowindex type=text> row <input type=button value="delete rowIndex" onclick="tab.deleteRow(rowindex.value)">
<br>add <input id=rowvalue type=text> row <input type=button value="add rows" onclick="for (i=0;i<rowvalue.value;i++){ oRow = tab.insertRow(); oCell = oRow.insertCell(); oCell.innerText = i; }">
</div>

Answer 4

我的EMAIL:[email protected],太谢谢了我会再加分的
1、窗口中原有表格的相关代码
<table width="96%" border="1" cellpadding="3" cellspacing="0" id="conditiontable">
    <tr bgcolor="#006699">
      <td height="30" colspan="6"><font color="#CCCCCC" size="2">请设置报表查询条件,&quot;?&quot;代表绑定参数替代符</font></td>
    </tr>
    <tr bgcolor="#FFFFCC">
      <td width="11%"><font color="#990033" size="2">括号</font></td>
      <td width="19%"><font color="#990033" size="2">条件列</font></td>
      <td width="10%"><font color="#990033" size="2">条件符</font></td>
      <td width="37%"><font color="#990033" size="2">条件值</font></td>
      <td width="12%"><font color="#990033" size="2">括号</font></td>
      <td width="11%"><font color="#990033" size="2">逻辑符</font></td>
    </tr>
    <tr bgcolor="#FFFFCC">
      <td width="11%" height="20">
        <select name="zkh" id="zkh">
          <option value="" selected>无</option>
          <option value="(">左括号</option>
        </select>
      </td>
      <td width="19%" height="20"><font color="#000000">
        <select name="tjl" id="tjl">
<jsp:useBean id="conn" scope="page" class="tl_proj.InConn" />
        <%String sql;
        ResultSet result=null;
        sql="select i_workerid,i_workername from web_m_worker;";
        result=conn.executeQuery(sql);
        try
        {
          while(result.next())  
          {
            <option value=<%=result.getString(1)%>><%=result.getString(2)%></option>
           }       
        catch(Exception e)
          {
            out.println(e.toString());
           }    
        }
        %>
        </select>
        </font></td>
      <td width="10%" height="20"><font color="#000000">
        <select name="tjh" id="tjh">
        </select>
        </font></td>
      <td width="38%" height="20"><font color="#000000">
        <input name="tjz" type="text" id="tjz" value="?" >
        </font></td>
      <td width="11%" height="20"><font color="#000000">
        <select name="ykh" id="ykh">
          <option value="" selected>无</option>
        <option value=")">右括号</option>
        </select>
        </font></td>
      <td width="11%" height="20"><font color="#000000">
        <select name="ljh" id="ljh">
          <option value="" selected>无</option></option>
<option value="and">and</option>
<option value="or">or</option>
        </select>
        </font></td>
    </tr>
 </table>2、动态增加一行时的代码，在这里重设单元格宽度
<script language="JavaScript" type="text/JavaScript">
function AddRow()
{
//var oTbl = parent.frames.LR.document.body.all.tblList;
//var RowCount         = oTbl.rows.length;
var NewRow = conditiontable.insertRow(conditiontable.rows.length); var nc1 = NewRow.insertCell();
var nc2 = NewRow.insertCell();
var nc3 = NewRow.insertCell();
var nc4 = NewRow.insertCell();
var nc5 = NewRow.insertCell();
var nc6 = NewRow.insertCell(); var p1,p2,p3,p4,p5,p6,c; //htmlstr="<tr bgcolor="#FFFFCC">";
 p1=" <td><font color='#000000'><select name='zkh'><Option value='' selected>无</option><Option value='('>左括号</option></select></td>\n";
 p2=" <td><font color='#000000'><select name='tjl' id='tjl'></select></font></td>\n";
 p3=" <td><font color='#000000'><select name='tjh' id='tjh'></select></font></td>\n";
 p4=" <td><font color='#000000'><input  name='tjz' type='text' id='tjz' value='?'></font></td>\n";
 p5=" <td><font color='#000000'><select name='ykh'><option value='' selected>无</option><option value=')'>右括号</option></select></font></td>\n";
 p6=" <td><font color='#000000'><select name='ljh'><option value='' selected>无</option><option value='and'>and</option><option value='or'>or</option></select></font></td>\n";
 //htmlstr+="</tr>"; nc1.innerHTML = p1;
nc2.innerHTML = p2;
nc3.innerHTML = p3;
nc4.innerHTML = p4;
nc5.innerHTML = p5;
nc6.innerHTML = p6; nc1.width = "11%";
nc2.width = "19%";
nc3.width = "10%";
nc4.width = "38%";
nc5.width = "11%";
nc6.width = "11%"; c="#FFFFCC";
NewRow.bgColor = c;
NewRow.noWrap = true;
NewRow.style.wordBreak = "break-all";
NewRow.height = 30;
NewRow.align = "left";
//nc8.align = "right";
//conditiontable.style.tableLayout = "fixed";
}
</script>