javascript - 跟踪结果集中的特定行，然后获取该行的列值

Question

<%
while(rs.next())
        {
                String flight_no=rs.getString("flight_no");
           String flight_name=rs.getString("flight_name");     
                   String from =rs.getString("from");     
           String to=rs.getString("to"); 

           SimpleDateFormat reFormat = new SimpleDateFormat("YYYY-MM-DD") ;
Date activityDate =rs.getDate("departure");
java.sql.Date departure = new java.sql.Date(activityDate.getTime());

           String departure_time=rs.getString("departure_time");     
           String arrival_time=rs.getString("arrival_time");     
    int avail_seatss=rs.getInt("avail_seats");
    %>
<TR>

<TD align=left><%out.print(to);%></TD>
<TD align=left width=10%><value="<%out.print(flight_no); %>"/></TD>
<TD align=left width=20%><value="<%out.print(from);%>"/></TD>
<TD align=left width=20%><value="<%out.print(to);%>"/></TD>
<TD align=left width=10%><value="<%out.print(departure);%>"/></TD>
<TD align=left width=10%><value="<%out.print(departure_time);%>"/></TD>
<TD align=left width=10%><value="<%out.print(arrival_time);%>"/></TD>
<TD align=left width=5%><value="<% out.print(avail_seatss);%>"/></TD>
<TD align=left width=10%><input type="button" name="Book_Now" value="Book Now">
</TR>
}

我在jsp中有一个sql结果集。我添加了一个新列，其中有一个按钮。我希望当用户单击该按钮时，它会获取该特定行的列值。我找到了一种仅在 javascript 中跟踪行的方法，但我没有找到任何在 jsp 中执行此操作的方法。我能够跟踪该行，但如何获取该行的列的值不起作用。帮助 !在上面的示例中，我希望当用户单击特定行的“立即预订”按钮时，它会返回航类号。该行的。结果集包含多行，结果是纯动态的。

Answer 1

为按钮委托(delegate)一个onclick方法，例如

onclick="book_now(this)"

然后在 book_now 函数中您可以获取航类号

function book_now(elem){
  var flight_no = elem.parentNode.parentNode.children[1].innerHTML;
  // do your stuff with flight_no
}

<强> FIDDLE

编辑

您可以通过两种方式获取flight_no。首先，您可以将其存储在 cookie/storage 中并从其他页面读取它。第二个也是我推荐的一个，您可以简单地使用函数中的查询重定向页面，例如

function book_now(elem){
  var flight_no = elem.parentNode.parentNode.children[1].innerHTML;
  window.open("2ND_PAGE_URL?flight_no=" + flight_no, "_self");
}