双击表格跳转

tanshi 2010-07-07 11:27:14

我想实现双击表格某一行后后，跳转到另一页
假如表格的(1,1)值为20070101则点击第一行跳转到s_Edit.asp?id=20070101页面
假如表格的(2,1)值为20070102则点击第一行跳转到s_Edit.asp?id=20070102页面
。。。。。。。。。。

我的表格是通过asp调用数据库自动生成的

我试过用tr的ondblclick事件调用js，但发现js没法获取表格的第一列的值，也就没法跳转到相应页面
var str=selectedTr.cells[0].childNodes[0].value; 这个我也试了，但在自动生成的table中不好用！

弄了一上午也没什么结果，闹心的要死，高手们出来帮帮忙啊~~~~~~

...全文

143 3 打赏收藏转发到动态举报

写回复

用AI写文章

3 条回复

切换为时间正序

请发表友善的回复…

发表回复

斯洛文尼亚旅游 2010-07-07

打赏
举报

function getTD(o){

  do{

   if(o.tagName=="TD")return o;

   o=o.parentNode;

  }while(o);

}

table.ondblclick=function(e){//给table加一个ondblclick就行了~

  e=e||event;

  var o=e.srcElement||e.target,td=getTD(o),tr=td.parentNode;

  alert(tr.cells[0].innerHTML);//第一个单元格

  window.location='s_Edit.asp?id='+tr.cells[0].innerHTML

}

ChinaXtHuLang 2010-07-07

打赏
举报

1.asp

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

<title>无标题文档</title>

<script>

function sb(id){

	window.location.href = "2.asp?id=" + id;

}

</script>

</head>



<body>

<table width="50" border="0" cellspacing="0" cellpadding="0">

  <tr onclick="sb('20070101');">

    <td>11111111111111111111</td>

  </tr>

  <tr onclick="sb('20070102');">

    <td>222222222222222</td>

  </tr>

</table>



</body>

</html>

2.asp

<%

id = int(Request("id"))

If id <>"" Then

	If id = "20070101" Then

		Response.Redirect("http://www.qq.com")

	End If

	If id = "20070102" Then

		Response.Redirect("http://www.163.com")

	End If

Else

	Response.Redirect("http://www.baidu.com")

End If

%>

随便弄的。只是测试。。