使行可点击

时间:2014-02-28 06:36:41

标签: javascript jsp

我正在使用jsp,我有一个表,我从数据库中检索数据,我的问题是如何使表行可点击。而我对jquery的了解并不算什么。所以PLZ试着在javascript中帮助我。

    <table class="main" align="center" border="1">
      <tr>
        <td class="did">Dealer Id</td>
        <td class="dname">Dealer Name</td>
        <td class="door">Door no</td>
        <td class="strt">Street</td>
        <td class="city">City</td>
        <td class="dst">District</td>
        <td class="state">State</td>
        <td class="mob">Mobile</td>
        <td class="cntPer">Contact Person</td>
        <td class="phne">Phone No</td>

      </tr>
      </table>
      <div class="overflow">
      <table class="main scroll" align="center" border="1">
      <% while (rs.next()) {%>
      <tr>
        <td class="did"><%=rs.getString("deal_id_v") %></td>
        <td class="dname"><%=rs.getString("deal_name_v")%></td>
        <td class="door"><%=rs.getString("deal_door_no_v")%></td>
        <td class="strt"><%=rs.getString("deal_street_v")%></td>
        <td class="city"><%=rs.getString("deal_city_v")%></td>
        <td class="dst"><%= rs.getString("deal_district_v")%></td>
        <td class="state"><%=rs.getString("deal_state_v")%></td>
        <td class="mob"><%=rs.getString("deal_mobile_no_v")%></td>
        <td class="cntPer"><%=rs.getString("deal_contactperson_v")%></td>
        <td class="phne"><%=rs.getString("deal_phone_no_v")%></td>

      </tr>
      <%}
      %>
     </table>
     </div>

3 个答案:

答案 0 :(得分:1)

像这样

$(".main tr").click(funnction() {
   // code here after click
})

作为示例,如果您想阅读td的内容,那么您将在下面执行此操作,

$(".main tr").click(funnction() {
   alert( $(this).find('did').html());
})

答案 1 :(得分:0)

也许这个网站可以帮助您解决问题

http://www.electrictoolbox.com/jquey-make-entire-table-row-clickable/

答案 2 :(得分:0)

试试这个

<tbody>
   <tr class='clickableRow' href='url://'>
                    <td>Blah Blah</td>
                    <td>1234567</td>
                    <td>£158,000</td>
    </tr>
</tbody>


jQuery(document).ready(function($) {
  $(".clickableRow").click(function() {
        window.document.location = $(this).attr("href");
  });
});