<html>
<head>
<title></title>
<script src="./jquery-3.1.0.js"></script>
</head>
<body>
<select class="my_selected" data-edit-select="1" onmousedown="if(this.options.length>3){this.size=8}" onblur="this.size=0" onchange="this.size=0" style="position:absolutez-index:1">
<option selected>选择</option>
<option>一</option>
<option>二</option>
<option>三</option>
<option>四</option>
<option>五</option>
<option>六</option>
<option>七</option>
<option>八</option>
<option>九</option>
<option>十</option>
</select>
</body>
</html>
<select style=" width:100px" size="1" multiple="multiple"><option value="1">1</option>
<option value="1">1</option>
</select>
select 的size 属性 决定了它显示几个选项， 如果多出来的 就会自动变成滚动条了。
你可以试一下。
<select style=" width:100px" size="3" multiple="multiple">
<option value="1">1</option>
<option value="1">1</option>
<option value="1">1</option>
<option value="1">1</option>
<option value="1">1</option>
<option value="1">1</option>
</select>
size = 3 就是显示3个 其他 滚动条显示的意思。
这种方案是这样的：d出的部分应该是一个div，给div加上高度，通过overflow-y:auto，让他在超出高度时显示滚动条，给div内的每天数据绑定点击事件，给下拉按钮绑定点击事件，应该是js来实现该效果的
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）