给输入框添加自动检索的功能

PS:思想是获取输入框的值,然后与下面的值进行对比,如果匹配到了就 show;否则就display:none

 

 

$("#basic-14").on("keyup",function(){
//按键起来以后获取值
var val = $("#basic-14").val();
//var arrs = $(".l-body >span");
//alert(arrs.size());
//var arrs1 = $(":not(.l-tree .l-body >span:contains("+val+"))");
//var arrs1 = $(".l-box-select-inner>.l-tree >li[outlinelevel='1']");

//alert($(arrs1[0]).html());
var arrs1 = $(".l-box-select-inner>.l-tree >li[outlinelevel='1']:not(:contains("+val+"))");///获取没有包含val的标签
var arrs2 = $(".l-box-select-inner>.l-tree >li[outlinelevel='1']:contains("+val+")");///获取没有包含val的标签
for(var i=0;i<arrs1.size();i++)
{
$(arrs1[i]).attr("style","display:none");
}
for(var i=0;i<arrs2.size();i++)
{
$(arrs2[i]).attr("style","display:show");
}
});

转载于:https://www.cnblogs.com/bee-home/p/7206683.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值