jsp模糊查询

最新推荐文章于 2022-03-30 18:35:15 发布

anxiexian3191

最新推荐文章于 2022-03-30 18:35:15 发布

阅读量808

点赞数

文章标签：数据库

原文链接：http://www.cnblogs.com/love1/p/7697863.html

版权

本文介绍了一种在JSP中实现查询与下拉菜单联动的方法，使用jQuery进行DOM操作，根据下拉菜单的选择改变表格显示内容。具体实现了通过点击按钮，获取下拉菜单的选项值和输入框的查询内容，对表格数据进行筛选。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

模板

查询之前：

查询之后：

jsp的<script>:

$(".inp2").click(function(){
var s=$(".inp").val();
$("tr").each(function(i,x){
if($(x).children().eq(1).text().indexOf(s)<0 && i>0){
$(x).hide();
}else{$(x).show();}
});
});

下拉菜单的有

请输入查询方式:
<select style="width:135px;" id="opt" name="opt" >
<option value="0" >姓名</option>
<option value="1">状态</option>
<option value="2">来源</option>
</select>

$("#sub").click(function(){
/* var d= $("#opt").val(); */
var b = $("#opt option:selected");
var a = b.val();
alert(a);//获取下拉菜单的值

var s=$("#inp").val();
alert(s);
$("tr").each(function(i,x){
if($(x).children().eq($("#opt").val()).text().indexOf(s)<0 && i>0){
$(x).hide();
}else{$(x).show();}
});

})