当用户单击 HTML 表中的特定行时如何获取列值答案

【问题标题】：How to get Column values when user click on specific row in a HTML table当用户单击 HTML 表中的特定行时如何获取列值
【发布时间】：2013-08-01 21:12:06
【问题描述】：

我正在开发一个小型 Java EE 应用程序，并且我创建了一个服务器来将学生数据输入数据库。我已经使用 HTML 表在另一个 servlet 中显示了学生数据。在 HTML 表中我添加了一个按钮来更新学生数据作为第一列。这意味着在每一行中都有一个更新按钮。我的问题是我想获得相应的第二个当用户单击任何行以更新学生数据时的列值。在第二列中，我有学生 ID。下面是我的代码

调用 myFunction();

 out.println("<td><button type='button' onclick='myFunction()'>Update</button></td>");

我的Javascript代码

 out.println("<script>");
 out.println("function myFunction()");
 out.println("{");
 out.println("var Row = document.getElementById('trid');");
 out.println("var Cells = Row.getElementsByTagName('td');");
 //call update using EntityManager                
 out.println();
 out.println("}");
 out.println("</script>");

我的第二个问题是如何访问 Row 和 Cells 变量？示例：我想使用 document.write() 打印 Row 和 Cells 值；

提前致谢

【问题讨论】：

标签： javascript html servlets java-ee-6

【解决方案1】：

我想你有一些结果列表。例如，List<Student>。在这种情况下，它将是：

    out.println("<td><button type='button'
       onclick='myFunction("+student.getId()+")'>Update</button></td>");

这样您就可以将学生 ID 传递到您的 javascript 函数中。
但是使用jstl和<c:forEach>标签显示数据会更好。

【讨论】：