2.8w+
社区成员
- 主页
双击表格跳转
我想实现双击表格某一行后后，跳转到另一页
假如表格的(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中不好用！
弄了一上午也没什么结果，闹心的要死，高手们出来帮帮忙啊~~~~~~
...全文
请发表友善的回复…
发表回复
GoCityPass新加坡曼谷通票 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
2.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
%>随便弄的。只是测试。。
lzp4881 2010-07-07
<script>
function show(id){
location.href="s_Edit.asp?id="+id;
}
</script>
<table width="200" border="1">
<tr>
<td>a</td>
<td>b</td>
<td>c</td>
</tr>
<tr>
<td ondblclick="show(this.innerHTML)">11</td>
<td> </td>
<td> </td>
</tr>
<tr>
<td ondblclick="show(this.innerHTML)">22</td>
<td> </td>
<td> </td>
</tr>
<tr>
<td ondblclick="show(this.innerHTML)">33</td>
<td> </td>
<td> </td>
</tr>
</table>
function show(id){
location.href="s_Edit.asp?id="+id;
}
</script>
<table width="200" border="1">
<tr>
<td>a</td>
<td>b</td>
<td>c</td>
</tr>
<tr>
<td ondblclick="show(this.innerHTML)">11</td>
<td> </td>
<td> </td>
</tr>
<tr>
<td ondblclick="show(this.innerHTML)">22</td>
<td> </td>
<td> </td>
</tr>
<tr>
<td ondblclick="show(this.innerHTML)">33</td>
<td> </td>
<td> </td>
</tr>
</table>