Combo Select 是一款简单漂亮的下拉框SELECT搜索插件,在 PC端它能模拟一个简单漂亮的下拉框,在 iPad 等移动设备上又能回退到原生样式。并且Combo Select 能够对下拉选项进行检索过滤,同时支持键盘控制。
0、请不要问“在不在”之类的问题,有问题直接问!1、学生或暂时没有工作的童鞋,整站资源免费下载!2、¥9.9充值终身VIP会员,加我微信,826096331 拉你进VIP群学习!3、程序员加油,技术改变世界。在线 充值
HTML
首先我们在页面上放置一个月份下拉。
<select>
<option value="">月份</option>
<option value="一月">一月</option>
<option value="二月">二月</option>
<option value="三月">三月</option>
<option value="四月">四月</option>
<option value="五月">五月</option>
<option value="六月">六月</option>
<option value="七月">七月</option>
<option value="八月">八月</option>
<option value="九月">九月</option>
<option value="十月">十月</option>
<option value="十一月">十一月</option>
<option value="十二月">十二月</option>
</select>
引入jquery库和jquery.combo.select.js
<script src="jquery.js"></script>
<script src="js/jquery.combo.select.js"></script>
调用comboSelect插件:
$(function() {
$('select').comboSelect();
});
参数 | 描述 | 默认值 |
comboClass | 外部控制器的 class | combo-select |
comboArrowClass | 箭头的 class | combo-select-arrow |
comboDropDownClass | 下拉展开后箭头的 class | combo-drop-down |
inputClass | 输入框的 class | combobox-input text-input |
disabledClass | 禁用选项的 class | option-disabled |
hoverClass | 鼠标经过的 class | option-hover |
selectedClass | 被选中项的 class | option-selected |
markerClass | 匹配搜索的 class | combo-marker |
maxHeight | 最大高度 | 200 |
themeClass | 使用外部主题 | 空 |
extendStyle |
友情提示:垃圾评论一律封号 加我微信:826096331拉你进VIP群学习群