jsp模糊查询

模板

查询之前：

查询之后：

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();}
});

})