gpt4 book ai didi

javascript - jquery 表过滤器脚本不工作

转载 作者:行者123 更新时间:2023-12-03 12:46:31 25 4
gpt4 key购买 nike

我有一个 JSP 页面,它显示通过 java servlet 从 mysql 获取的记录。现在我想使用jquery过滤获得的记录。我在 jsp 页面的 head 部分使用了以下代码

<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>

下面给出了从 servlet 获取记录并将其显示在 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>

我能够获取所有记录,但脚本没有过滤我的记录。不知道问题出在哪里,请大家帮帮我。

最佳答案

将 tbody 从 for 循环中取出。

关于javascript - jquery 表过滤器脚本不工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23327983/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com