Сценарий фильтра таблицы jquery не работает

Question

Сценарий фильтра таблицы jquery не работает

0

У меня есть страница JSP, которая отображает записи, извлеченные из mysql через Java-сервлет. Теперь я хочу фильтровать полученные записи с помощью jquery. Я использовал следующий код с головной частью страницы jsp

<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.11.0.min.js">
</script><script type= "text/javascript">{$(document).ready(function()
{$("#searchInput").keyup(function() {
    var rows = $("#fbody").find("tr").hide();
    var data = this.value.split(" ");
    $.each(data, function(i, v) {
        rows.filter(":contains('" + v + "')").show();
    });
})})};
</script>

Код для получения записей из сервлета и отображения его в JSP приведен ниже

 <body><input id="searchInput" ><br/>


<TABLE  align="Center" border="1px" width="80%">
<thead>
<tr><th><b>User_ID</b></th>
    <th><b>User_Name</b></th>
    <th><b>Password</b></th>
    <th><b>Designation</b></th>
</tr>
</thead>
    <%Iterator itr;%>
    <%List data=(List) request.getAttribute("UserData");
    for(itr=data.iterator();itr.hasNext();)
    {%>
        <tbody id="fbody">
        <tr>
            <% String s= (String) itr.next(); %> 
            <td><%=s %></td>
            <td><%=itr.next() %></td>
            <td><%=itr.next() %></td>
            <td><%=itr.next() %></td>

            <form id="edit" action="EditRecord" method="post" >
            <td><input type="hidden" name="hidden_edit" id="edit_id" value="<%=s %>"/> 
            <input type="submit" value="Edit" name="edit"> </td>
            </form>

            <td><form id="delete" action="DeleteRecord" method="post" >
            <td><input type="hidden" name="hidden_delete" id="delete_id" value="<%=s %>"/>
            <input type="submit" value="delete" name="delete"> </td>
            </form></td>    
    <%} %>
        </tr>
        </tbody>
</TABLE></body>

Я могу получить все записи, но сценарий не фильтрует мою запись. Не знаю, где проблема. Может ли кто-нибудь помочь мне, пожалуйста.

Dinesh 27 апр. 2014, в 22:13

Источник

0

try var row = $ ("# fbody"). find ("tr"); и rows.hide (); впоследствии
Timur 27 апр. 2014, в 19:46
0

@Timur Тимур Спасибо за ваш ответ. Но не могли бы вы уточнить, где я должен поставить вышеупомянутую строку после этого?
Dinesh 27 апр. 2014, в 20:23
0

проверьте ответ от @Abimbole Esuruoso, похоже, у вас есть несколько тегов tbody с одинаковым идентификатором, чего не должно быть.
Timur 27 апр. 2014, в 20:26

Показать ещё 1 комментарий

Теги:

javascript

jquery

html

jsp

servlets

1 ответ

Ещё вопросы

try var row = $ ("# fbody"). find ("tr"); и rows.hide (); впоследствии
@Timur Тимур Спасибо за ваш ответ. Но не могли бы вы уточнить, где я должен поставить вышеупомянутую строку после этого?
проверьте ответ от @Abimbole Esuruoso, похоже, у вас есть несколько тегов tbody с одинаковым идентификатором, чего не должно быть.

Abimbola Esuruoso · Accepted Answer · 2014-04-27T18-12-00.000Z

Вытащите из своей циклы.