Html
    Css
    Js

    
                        
 .ldg-select {
	position:relative;
	display:inline-block;
}
.ldg-select-input {
	width:200px;
	padding:5px;
	border:1px solid #ccc;
	cursor:pointer;
}
.ldg-select-down {
	position:absolute;
	width:100%;
	max-height:200px;
	overflow-y:auto;
	border:1px solid #ccc;
	background-color:#fff;
	display:none;
}
.ldg-select-down>* {
	padding:5px;
	cursor:pointer;
}
.ldg-select-down>*:hover {
	background-color:#f2f2f2;
}
.ldg-select-down>*.selected {
	background-color:#ccc;
}

                        
↑上面代码改变,会自动显示代码结果 jQuery调用版本:1.11.3
 立即下载

自定义下拉框代码 (原创)

更新时间:2023-07-17 09:45:43

使用div实现下拉框支持模糊搜索支持键盘上下选择页面中可以同时支持多个选择框

0