下拉模糊搜索

Html

Css

 .ww {
	width:167px;
	top:9px;
	outline:none;
	position:relative;
	line-height:30px;
	left:8px;
	border:1px solid #999;
}
.selectName {
	position:absolute;
	width:169px;
	margin-top:42px;
	margin-left:-161px;
	z-index:999999;
	outline:none;
}
.search select option:hover {
	color:white;
	background-color:rgb(12,172,249);
}

/**
 * Created by Administrator on 2017/9/15.
 */
var Arr = []; //存储option
$(function() {
    /*先将数据存入数组*/
    $("#hh option").each(function(index, el) {
        Arr[index] = $(this).text();
    });
    $(document).bind('click', function(e) {
        var e = e || window.event; //浏览器兼容性
        var elem = e.target || e.srcElement;
        while (elem) { //循环判断至跟节点，防止点击的是div子元素
            if (elem.id && (elem.id == 'hh' || elem.id == "makeInput")) {
                return;
            }
            elem = elem.parentNode;
        }
        $('#hh').css('display', 'none');
    });
});

function choose(a) {
    $(a).prev("input").val($(a).find("option:selected").text());
    $("#hh").css({
        "display": "none"
    });
}

function setDemo(a, event) {
    $("#makeInput").val("");
    $("#hh").css({
        "display": ""
    });
    var select = $("#hh");
    select.html("");
    setContent(a, event);
}

↑上面代码改变，会自动显示代码结果 jQuery调用版本：1.11.3

立即下载

下拉模糊搜索



代码描述：jQuery下拉模糊搜索

0

最新

发表评论全部评论

暂时没有评论！

登录后才可以评论

30秒后在评论吧!

PROMULGATOR

┽?????★??╂男┵

相关代码

下拉模糊搜索

最新