JSP页面内form搜索如下：
在a.jsp里有个textfield输入框，后面有一个buttom，需要实现在a.jsp页面呈现的form的table里搜索满足条件的行，进行显示（搜索以后原来的tabl...
在a.jsp里有个textfield输入框，后面有一个buttom，需要实现在a.jsp页面呈现的form的table里搜索满足条件的行，进行显示（搜索以后原来的table就消失了，只显示满足条件的table，如果输入框为空，则显示所原来的table）form呈现的是写在a.jsp里的比如
<table>
<tr>
<td>张三</td>
<td>男</td>
<td>21</td>
</tr>
<tr>
<td>李四</td>
<td>男</td>
<td>22</td>
</tr>
<tr>
<td>王五</td>
<td>女</td>
<td>23</td>
</tr>
</table>
<th>标签不在form里，为姓名，性别，年龄。
请问高手如何实现呢？主要是function怎么弄。。。 展开
<table>
<tr>
<td>张三</td>
<td>男</td>
<td>21</td>
</tr>
<tr>
<td>李四</td>
<td>男</td>
<td>22</td>
</tr>
<tr>
<td>王五</td>
<td>女</td>
<td>23</td>
</tr>
</table>
<th>标签不在form里，为姓名，性别，年龄。
请问高手如何实现呢？主要是function怎么弄。。。 展开
1个回答
展开全部
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8" />
<title>last.html</title>
<style>
</style>
<script type="text/javascript" src="jquery-1.8.0.min.js"></script>
<script type="text/javascript">
$ (function ()
{
var content = $ (':text'), trs = $ ('table tr:gt(0)');
$ (':button').click (function ()
{
if ("" === content.val ())
{
trs.show ();
}
else
{
trs.hide ();
trs.filter (':contains("' + content.val () + '")').show ();
}
});
});
</script>
</head>
<body>
<input type="text" />
<button>search</button>
<form action="">
<table>
<tr>
<th>姓名</th>
<th>性别</th>
<th>年龄</th>
</tr>
<tr>
<td>张三</td>
<td>男</td>
<td>21</td>
</tr>
<tr>
<td>李四</td>
<td>男</td>
<td>22</td>
</tr>
<tr>
<td>王五</td>
<td>女</td>
<td>23</td>
</tr>
</table>
</form>
</body>
</html>
追问
好像不行啊，search没反应呢，您帮忙再看下？
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
