如何使用不同的按钮递增和显示不同的值

时间:2014-03-04 17:06:58

标签: javascript html jsp

在这部分代码中:

while (resultSet.next()) {
    String pub = resultSet.getString("text_pub");
    if (pub==null) {
        pub = "";
    }
    String photo = resultSet.getString("path_photo");
%>
    <tr bgcolor="#8FBC8F">
        <td><%= pub %></td>
<%
    if (photo!=null) {
%>
        <td><img src="images/<%=photo%>" width="150" height="130"></td>
<%
    }%>
       <script>         
       var a = 1;
            function increase(){

                var textBox = document.getElementById("text");
                textBox.value = a;
                a++;
            }            
        </script>

 <td><button type="button" name="j'aime" onclick="increase()">j'aime</button>
        <input type="text" id="text" width="50"></td>


<%}
%>

我有不同的出版物显示在每行的标签中我有一个(j&#39; aime)按钮,每次点击它时,变量会在同一行的文本字段中递增和显示,问题是的,无论我点击什么按钮,它总是第一行增加的第一个值。

1 个答案:

答案 0 :(得分:0)

你可以像这样编写你的javascript代码 -

按钮的onclick找到按钮的直接父tr然后找到该tr的子输入然后增加值。

通过这种方式,您可以在同一行中完全增加输入值。 我对javascript感到不舒服,所以我可以给你代码示例,虽然在jquery中我可以很容易地做到,但它没有帮助。

你可以像我说的那样写你的增加功能