Html
    Css
    Js

    
                        
.MultiProvinces {
	position:relative;
}
.MultiProvincesHide {
	position:absolute;
	left:163px;
	top:36px;
	width:282px;
	height:145px;
	border:1px solid #ccc;
	background-color:white;
	overflow:auto;
}
.MultiProvincesHide>ul {
	width:100%;
	height:100%;
	list-style:none;
	margin:0 !important;
	padding:0 !important;
}
.MultiProvincesHide>ul>li {
	cursor:pointer;
	display:inline-block;
	float:left;
	width:130px;
}
.recalBox0 {
	display:inline-block;
	width:16px;
	height:18px;
	vertical-align:top;
	overflow:hidden;
	background:url(img/tree_icons.png) no-repeat -208px -18px;
}
.recalBox1 {
	display:inline-block;
	width:16px;
	height:18px;
	vertical-align:top;
	overflow:hidden;
	background:url(img/tree_icons.png) no-repeat -224px -18px;
}
.MultiProvinces>span {
	display:inline-block;
	width:160px;
	height:35px;
	line-height:35px;
	text-align:right;
	font-size:16px;
	font-family:"PingFang";
	color:#747474;
	font-weight:bold;
}
.MultiProvinces>input {
	width:281px;
	height:35px;
	border:1px solid #ccc;
	border-radius:4px;
	background-color:#fff7ee;
}
.hide {
	display:none;
}

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

jQuery模拟下拉框多选

1
      顺其自然0
      2017/11/10 12:30:35

      第一次发代码片希望大家支持。

      回复