87,988
社区成员
发帖
与我相关
我的任务
分享用javascript,怎么获得表格中所点击的这一行的行数
我想获得所点击的某行,在表格中是排在第几行,应该要怎么得到?
我要实现的是:在某一行最后的一个单元格按回车,光标就跳到下一行的第一个单元格;
只要我获得了,当前的行是第几行,就可以知道下一行是处于表格的第几行(不知有没有其它的方法);
该怎么做,请大家帮帮忙,
我要实现的是:在某一行最后的一个单元格按回车,光标就跳到下一行的第一个单元格;
只要我获得了,当前的行是第几行,就可以知道下一行是处于表格的第几行(不知有没有其它的方法);
该怎么做,请大家帮帮忙,
...全文
请发表友善的回复…
发表回复
kecin_boa 2011-09-25
- 打赏
- 举报
楼上各位[color=#FF0000]牛逼啊。。。。[/color]
mmcgzs 2007-04-04
- 打赏
- 举报
<table border="1" width="100%" id="table1">
<tr onclick=javascript:alert(this.rowIndex)>
<td><input type=text name="aa" ></td>
<td><input type=text name="bb"></td>
</tr>
<tr onclick=javascript:alert(this.rowIndex)>
<td><input type=text name="cc"></td>
<td><input type=text name="dd"></td>
</tr>
</table>
<tr onclick=javascript:alert(this.rowIndex)>
<td><input type=text name="aa" ></td>
<td><input type=text name="bb"></td>
</tr>
<tr onclick=javascript:alert(this.rowIndex)>
<td><input type=text name="cc"></td>
<td><input type=text name="dd"></td>
</tr>
</table>
fuyanling 2007-04-04
- 打赏
- 举报
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>新建网页 1</title>
<script>
function test(){
//获取第几行
alert( window.event.srcElement.parentNode.parentNode.rowIndex);
//获取第几列
alert(window.event.srcElement.parentNode.cellIndex);
}
</script>
</head>
<body>
<table border="1" width="100%" id="table1">
<tr>
<td><input type=text name="aa" onclick="test()"></td>
<td><input type=text name="bb" onkeydown="if(window.event.keyCode==13){this.parentNode.parentNode.nextSibling.childNodes(0).childNodes(0).focus();}"></td>
</tr>
<tr>
<td><input type=text name="cc" onclick="test()"></td>
<td><input type=text name="dd" onclick="test()"></td>
</tr>
</table>
</body>
</html>
//onkeydown中为光标显示在下一个文本框中
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>新建网页 1</title>
<script>
function test(){
//获取第几行
alert( window.event.srcElement.parentNode.parentNode.rowIndex);
//获取第几列
alert(window.event.srcElement.parentNode.cellIndex);
}
</script>
</head>
<body>
<table border="1" width="100%" id="table1">
<tr>
<td><input type=text name="aa" onclick="test()"></td>
<td><input type=text name="bb" onkeydown="if(window.event.keyCode==13){this.parentNode.parentNode.nextSibling.childNodes(0).childNodes(0).focus();}"></td>
</tr>
<tr>
<td><input type=text name="cc" onclick="test()"></td>
<td><input type=text name="dd" onclick="test()"></td>
</tr>
</table>
</body>
</html>
//onkeydown中为光标显示在下一个文本框中
rjzou2006 2007-04-04
- 打赏
- 举报
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<BODY>
<FORM METHOD=POST ACTION="">
<TABLE border=1 width=300 height=300>
<TR>
<TD> </TD>
<TD> </TD>
<TD> </TD>
</TR>
<TR>
<TD> </TD>
<TD> </TD>
<TD> </TD>
</<TR>
<TR>
<TD> </TD>
<TD> </TD>
<TD> </TD>
</TR>
<TR>
<TD> </TD>
<TD> </TD>
<TD> </TD>
</TR>
<TR>
<TD> </TD>
<TD> </TD>
<TD> </TD>
</TR>
<TR>
<TD> </TD>
<TD> </TD>
<TD> </TD>
</TR>
<TR>
<TD> </TD>
<TD> </TD>
<TD> </TD>
</TR>
</TABLE>
</FORM>
</BODY>
</HTML>
<script language="JavaScript1.2">
<!--
tdobj=document.all.tags("td");
setobj= tdobj[0].parentNode.nextSibling.firstChild;
document.body.onkeypress=
function CheckEnter()
{
if (event.keyCode == 13 ){
setSelectedBgColor(setobj);
return false;
}
}
function setSelectedBgColor(obj){
// alert (window.event.srcElement.tagName);
obj.parentElement.style.background='#ffdead';
}
//-->
</script>
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<BODY>
<FORM METHOD=POST ACTION="">
<TABLE border=1 width=300 height=300>
<TR>
<TD> </TD>
<TD> </TD>
<TD> </TD>
</TR>
<TR>
<TD> </TD>
<TD> </TD>
<TD> </TD>
</<TR>
<TR>
<TD> </TD>
<TD> </TD>
<TD> </TD>
</TR>
<TR>
<TD> </TD>
<TD> </TD>
<TD> </TD>
</TR>
<TR>
<TD> </TD>
<TD> </TD>
<TD> </TD>
</TR>
<TR>
<TD> </TD>
<TD> </TD>
<TD> </TD>
</TR>
<TR>
<TD> </TD>
<TD> </TD>
<TD> </TD>
</TR>
</TABLE>
</FORM>
</BODY>
</HTML>
<script language="JavaScript1.2">
<!--
tdobj=document.all.tags("td");
setobj= tdobj[0].parentNode.nextSibling.firstChild;
document.body.onkeypress=
function CheckEnter()
{
if (event.keyCode == 13 ){
setSelectedBgColor(setobj);
return false;
}
}
function setSelectedBgColor(obj){
// alert (window.event.srcElement.tagName);
obj.parentElement.style.background='#ffdead';
}
//-->
</script>
dbpointer 2007-04-04
- 打赏
- 举报
<script language="javascript">
function showlinenum(obj){
var rownum = obj.rowIndex
document.all.dd.value=rownum;
}
</script>
<body>
<table width="280" border="2" cellspacing="1" cellpadding="2">
<tr onMouseOver="showlinenum(this)">
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr onMouseOver="showlinenum(this)">
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr onMouseOver="showlinenum(this)">
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
<p>
<input name="dd" type="text" id="dd" />
点击的话就换成onclick=="showlinenum(this)"
function showlinenum(obj){
var rownum = obj.rowIndex
document.all.dd.value=rownum;
}
</script>
<body>
<table width="280" border="2" cellspacing="1" cellpadding="2">
<tr onMouseOver="showlinenum(this)">
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr onMouseOver="showlinenum(this)">
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr onMouseOver="showlinenum(this)">
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
<p>
<input name="dd" type="text" id="dd" />
点击的话就换成onclick=="showlinenum(this)"
adverse 2007-04-04
- 打赏
- 举报
首先取得出发事件的td对象(tdx)
tdx.parentNode.nextSibling.firstChild这个对象就是下一行的第一td对象.
tdx.parentNode.nextSibling.firstChild这个对象就是下一行的第一td对象.
muxrwc 2007-04-04
- 打赏
- 举报
<table width="100%" cellspacing="0" cellpadding="0">
<tr>
<td>0</td>
</tr>
<tr id="ro1">
<td>1</td>
</tr>
<tr>
<td>2</td>
</tr>
</table>
<script type="text/javascript">
var line = document.getElementById("ro1");
var i = line.rowIndex, n = line.parentNode.rows[i + 1];
alert(line.innerHTML + "\n" + (n ? n.innerHTML : "尾行的说"));
</script>
<tr>
<td>0</td>
</tr>
<tr id="ro1">
<td>1</td>
</tr>
<tr>
<td>2</td>
</tr>
</table>
<script type="text/javascript">
var line = document.getElementById("ro1");
var i = line.rowIndex, n = line.parentNode.rows[i + 1];
alert(line.innerHTML + "\n" + (n ? n.innerHTML : "尾行的说"));
</script>
