首页 > 其他 > 详细

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

时间:2017-07-19 17:18:41      阅读:264      评论:0      收藏:0      [点我收藏+]

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

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

原文:http://www.cnblogs.com/bee-home/p/7206683.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!