如何从jsp中的表中获取单击的行

时间:2016-05-20 12:28:53

标签: javascript database jsp

我在.jsp列出了Vinyls中的一个表格,我想在每一行中添加一个按钮来点击并使用所列乙烯基的信息执行操作。

这是表格的代码生成器

<%
    for (int i = 0; i < listaVinilos.size(); i++) {
    Vinilo vin = listaVinilos.get(i);
%>
<tr>
    <td><button class="icon fa-plus-circle" onclick="anadirVinilo()"></button></td>
    <td><img src="<%=vin.getImagen()%>" alt="" height="100" width="100"/></td>
    <td id="idTitulo<%=i%>"><%=vin.getTitulo()%></td>
    <td id="idAutor<%=i%>"><%=vin.getAutor()%></td>
    <td><%=vin.getDiscografica()%></td>
    <td><%=vin.getGenero()%></td><td><%=vin.getFecha()%></td>
    <td><%=vin.getRPM()%></td>
    <td><%=vin.getNumLanzamiento()%></td>
<tr/>
<%
    }
%>

我已经考虑过创建一个函数anadirVinilo()并使用ID识别作者和标题,以便稍后在函数中使用但我不知道如何告诉函数我点击的是哪一行

1 个答案:

答案 0 :(得分:0)

查看以下代码是否符合您的需求。

<%
    for (int i = 0; i < listaVinilos.size(); i++) {
    Vinilo vin = listaVinilos.get(i);
%>
<tr>
    <td><button class="icon fa-plus-circle"   onclick="anadirVinilo('<%=vin.getTitulo()%>','<%=vin.getAutor()%>')"></button></td>
    <td><img src="<%=vin.getImagen()%>" alt="" height="100" width="100"/></td>
    <td id="idTitulo<%=i%>"><%=vin.getTitulo()%></td>
    <td id="idAutor<%=i%>"><%=vin.getAutor()%></td>
    <td><%=vin.getDiscografica()%></td>
    <td><%=vin.getGenero()%></td><td><%=vin.getFecha()%></td>
    <td><%=vin.getRPM()%></td>
    <td><%=vin.getNumLanzamiento()%></td>
<tr/>
<%
    }
%>

您将定义如下函数:

function anadirVinilo(title,author){

你的逻辑与倾斜,作者或你通过的任何其他参数!

}