jQuery搜索下拉框关键字高亮显示代码免费下载

jQuery搜索下拉框关键字高亮显示代码,输入关键字进行模糊搜索匹配,相关的标题会在下拉框显示出来,并将关键字文字高亮显示。

JS文件

<script src="js/jquery-1.11.3.min.js" type="text/javascript"></script> 
<script> 
 
    var search = { 
        searchKeyword: function () { 
            var nWord = $("#search-input").val(); 
            //var temarray = nWord.split(""); //分割 
            var array=this.unique(nWord.split("")); 
            var dsa = $("#search").find("ul li a");//获取全部列表 
            var linumber = 0; 
 
            $("#search ul li").show(); 
            for (var t = 0; t < dsa.length; t++) { 
                $(dsa[t]).html($(dsa[t]).text()); 
                var temstr = ($(dsa[t]).text()).split(""); 
                var yes = false; 
                for (var i = 0; i < array.length; i++) { 
                    var posarr = this.findAll(temstr, array[i]); 
                    if (posarr.length > 0) { 
                        yes = true; 
                        for (var j = 0; j < posarr.length; j++) { 
                            temstr[posarr[j]] = "<em style='color:red;'>" + temstr[posarr[j]] + "</em>"; 
                        } 
                    } 
                } 
                if (!yes) { 
                    $(dsa[t]).closest("li").hide(); 
                } 
                else { 
                    linumber++; 
                    var htmlstr = ""; 
                    for (var m = 0; m < temstr.length; m++) { 
                        htmlstr += temstr[m]; 
                    } 
                    $(dsa[t]).html(htmlstr); 
                } 
 
            } 
            if (linumber == 0) { 
                $("#search ul li").show(); 
                $("#search ul").slideDown(200); 
            } 
        }, 
        findAll: function (arr, str) { 
            var results = [], 
                len = arr.length, 
                pos = 0; 
            while (pos < len) { 
                pos = arr.indexOf(str, pos); 
                if (pos === -1) { 
                    break; 
                } 
                results.push(pos); 
                pos++; 
            } 
            return results; 
        }, 
        unique: function (arr) { 
            var new_arr = []; 
            for (var i = 0; i < arr.length; i++) { 
                var items = arr[i]; 
                //判断元素是否存在于new_arr中,如果不存在则插入到new_arr的最后 
                if ($.inArray(items, new_arr) == -1) { 
                    new_arr.push(items); 
                } 
            } 
            return new_arr; 
        }, 
        changeValue: function (obj) { 
            $('.dropdown ul').slideUp(200); 
            var input = $(obj).find('.dropdown-selected'); 
            var ul = $(obj).find('ul'); 
            if (!ul.is(':visible')) { 
                ul.slideDown('fast'); 
            } else { 
                ul.slideUp('fast'); 
            } 
 
            $(obj).find('ul a').click(function () { 
                input.val($(this).text()); 
                $(this).parent().addClass('active'); 
                $(this).parent().siblings().removeClass('active') 
                $(this).closest('ul').slideUp(200); 
                return false; 
            }) 
            var e = this.getEvent(); 
            window.event ? e.cancelBubble = true : e.stopPropagation(); 
        }, 
        _init: function () { 
            $("#search").on("click", "ul li a", function () { 
                $("#search-input").val($(this).text()); 
                $(this).parent().addClass('active'); 
                $(this).parent().siblings().removeClass('active') 
                $(this).closest('ul').slideUp(200); 
                return false; 
            }) 
        }, 
        getEvent: function(){ 
        if(window.event){ 
            return window.event; 
        } 
        var f = arguments.callee.caller; 
        do{ 
            var e = f.arguments[0]; 
            if(e && (e.constructor === Event || e.constructor===MouseEvent || e.constructor===KeyboardEvent)){ 
                return e; 
            } 
        }while(f=f.caller); 
    } 
 
    } 
 
    search._init(); 
</script>
恭喜,此资源为免费资源,请先
本站大部分下载资源收集于网络,只做学习和交流使用,版权归原作者所有! 若您需要使用非免费的软件、源码或服务,请购买正版授权并合法使用! 本站发布的内容若侵犯到您的权益,请联系站长删除,我们将及时处理! 本站所有资源均是收集而来,资源均不包含技术支持和安装服务!点击下载视为同意资源仅限学习使用。
打赏
下载价格:免费
下载说明:本站大部分下载资源收集于网络,只做学习和交流使用,版权归原作者所有! 若您需要使用非免费的软件、源码或服务,请购买正版授权并合法使用! 本站发布的内容若侵犯到您的权益,请联系站长删除,我们将及时处理! 本站所有资源均是收集而来,资源均不包含技术支持和安装服务!点击下载视为同意资源仅限学习使用。
0

评论0

请先

没有账号? 忘记密码?

社交账号快速登录