html盒子的下拉菜单,[代码样式]Combo Select – jQuery可搜索下拉框插件

3b3d403f623736c15a6c3cf50db152d7.png

简介

Combo Select 是一款友好的 jQuery 下拉框插件,在 PC 浏览器上它能模拟一个简单漂亮的下拉框,在 iPad 等移动设备上又能回退到原生样式。Combo Select 能够对选项进行检索过滤,同时支持键盘控制。

浏览器兼容

22a82561b92ed337c677eaca31447567.png

540929d882a9cd535558f9273e9c71ae.png

f360fb2bf126682e31b057cde6e3ef20.png

771794055fb4e7a430182dcdace077d5.png

460ff441e2be6a5fe74dfd68008ba4d3.png

IE8+ ✔

Chrome ✔

Firefox ✔

Opera ✔

Safari ✔

使用方法

1、引入文件

2、HTML

月份

一月

二月

三月

...

3、JavaScript

$(function() {

$('select').comboSelect();

});

配置

属性/方法

类型

默认值

说明

comboClass

字符串

combo-select

外部控制器的 class

comboArrowClass

字符串

combo-select-arrow

箭头的 class

comboDropDownClass

字符串

combo-drop-down

下拉展开后箭头的 class

inputClass

字符串

combobox-input text-input

输入框的 class

disabledClass

字符串

option-disabled

禁用选项的 class

hoverClass

字符串

option-hover

鼠标经过的 class

selectedClass

字符串

option-selected

被选中项的 class

markerClass

字符串

combo-marker

匹配搜索的 class

maxHeight

整数

200

最大高度

themeClass

字符串

使用外部主题

extendStyle

布尔值

true

生成后的下拉框的 HTML 如下:

  • ....

GitHub 地址:https://github.com/PebbleRoad/combo-select

隐藏内容,您需要满足以下条件方可查看

End

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值