如何双击jsp里的table某一行然后弹出另一jsp显示该行的详细内容。（内容是通过数据库操作得出。已实现）

Posted 2023-04-30

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了如何双击jsp里的table某一行然后弹出另一jsp显示该行的详细内容。（内容是通过数据库操作得出。已实现）相关的知识，希望对你有一定的参考价值。

将你的table中的tr绑定click事件,在事件中可以做你的操作,当然可以ajax获取数据然后转向另一个网页进行数据填充,
无论怎样,在tr上绑定了click事件里面的具体实现就得看你怎么实现了,获得tbody元素,得到它的子元素逐个循环绑定事件,传入你的XXid.追问

写个简单的示例看看

参考技术A js里面写点击事件写上这个试试window.open(你跳转的地址);

jsp,js如何获取table的当前行的某单元格的值

while(rs.next)
%>
<tr class="cpx12hei">
<td style="TABLE-LAYOUT: fixed; WORD-BREAK: break-all" > <%=username%></td>
<td style="TABLE-LAYOUT: fixed; WORD-BREAK: break-all" > <%=zhuti%></td>
<td style="TABLE-LAYOUT: fixed; WORD-BREAK: break-all" > <%=cjcount%></td>
<td style="TABLE-LAYOUT: fixed; WORD-BREAK: break-all" > <%=leirong%></td>
<td style="TABLE-LAYOUT: fixed; WORD-BREAK: break-all" >
<input type="button" value="下载" name="down" id="down" onClick="GetInfoFromTable()">
</td>
</td>
</tr>

<%
每一行都有一个下载按钮，点击下载按钮获取当前下载那行的username的值，这个js要怎么写？

参考技术A

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

<head>

</head>

<body>

<p>动态表格彻底研究</p>

<p>对表格单元格的添加删除修改并对其进行移动以及拷贝等操作，是目前应用开发中常用的技术</p>

<p>

</p>

<tr>

<label>

</label> </td>

</tr>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

</table>

<br />

<p></p>

var form = document.forms["form1"];

var table = document.getElementById("myTable");

var selectBox = table.getElementsByTagName("input");

var tr = table.getElementsByTagName("tr");

var clicked = true;

function insert_row()

//alert(table.rows[0].cells.length)

var thisrow = table.insertRow(0);

var thiscell = thisrow.insertCell(0);

thiscell.innerHTML = "<input type=\\"checkbox\\" name=\\"checkbox10\\" value=\\"checkbox\\" />";

var thiscell1 = thisrow.insertCell(1);

thiscell1.innerHTML = "cell";

var thiscell2 = thisrow.insertCell(2);

thiscell2.innerHTML = "cell";

var thiscell3 = thisrow.insertCell(3);

thiscell3.innerHTML = "cell";

var thiscell4 = thisrow.insertCell(4);

thiscell4.innerHTML = "cell";

thiscell4.align = "center";

function insert_Cell()

var y = table.rows[0].insertCell(0);

y.colSpan="2";

y.innerHTML = "sssss";

function selectall()

for(i=0;i<selectBox.length;i++)

selectBox[i].checked = true;

function noselect()

for(i=0;i<selectBox.length;i++)

selectBox[i].checked = false;

function inverse()

for(i=0;i<selectBox.length;i++)

if(selectBox[i].checked)

selectBox[i].checked = false;

else

selectBox[i].checked = true;

function delRow()

for(i=selectBox.length-1;i>=0;i--)

//alert(typeof(selectBox[i]));

if(selectBox[i].checked)

table.deleteRow(i);

function onRefresh()

location.reload();

function copyRow()

for(i=0;i<selectBox.length;i++)

if(selectBox[i].checked)

//var copytable = document.getElementById("copyTable");

var tablerow = table.insertRow(table.rows.length);

tablerow.innerHTML = table.rows[i].innerHTML;

function tableAlign()

for(i=0;i<selectBox.length;i++)

if(selectBox[i].checked && clicked)

table.rows[i].align = "center";

function changeColor()

var skip = true;

for(i=0;i<tr.length;i++)

if(skip)

tr[i].bgColor = "#cccccc";

skip = false;

else

tr[i].bgColor = "#ffffff";

skip = true;

</script>

</body>

</html>

运行效果：

参考技术B GetInfoFromTable('<%=username%>')

直接把username 传给这个函数本回答被提问者采纳

以上是关于如何双击jsp里的table某一行然后弹出另一jsp显示该行的详细内容。（内容是通过数据库操作得出。已实现）的主要内容，如果未能解决你的问题，请参考以下文章

js中table的关于选中某一行的问题

如何在js里控制jsp中的table表格中input框变灰不可输？

jsp页面有一个table表格，每一行最后都有一个编辑按钮，点击按钮弹出div框，并显示该行的信息，怎么做？

jsp,js如何获取table的当前行的某单元格的值

JQ如何取table中某一行的数据

在JSP页面中怎样实现点击按钮弹出选择框。能给出代码吗？？