Combo Select演示5种可搜索的jQuery下拉框效果

Combo Select演示5种可搜索的jQuery下拉框效果

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

淘建站为您提供更多_表单代码_下拉框select_select_下拉框,在此特别感谢您对我们的支持与厚爱!

查看演示

演示不了,点击反馈

加入收藏

下载 68 次

下载资源

70 积分

特别说明:本站资源来自网友发布分享,仅供学习与参考,请勿用于商业用途,若有侵权请联系删除(272966172@qq.com)。

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

声明:本资料由淘建站会员提供,如转载注明来源,资料来源淘建站免费素材库:https://www.taojz.cn/texiao/252.html
Combo Select演示5种可搜索的jQuery下拉框效果 希望对你有帮助,感谢您的支持!
  • jquery select下拉菜单美化搜索框样式代码

    jquery select下拉菜单美化搜索框样式代码

  • 纯JS地区选择 三级 下拉框 连动选择

    纯JS地区选择 三级 下拉框 连动选择

  • jQuery仿去哪儿出发城市筛选

    jQuery仿去哪儿出发城市筛选

  • jQuery城市下拉框菜单选择代码

    jQuery城市下拉框菜单选择代码

  • js select省市区三级联动菜单代码

    js select省市区三级联动菜单代码

  • 很实用的点击城市切换下拉框效果源码免费下载

    很实用的点击城市切换下拉框效果源码免费下载

  • jquery select列表选择框选中美化效果源码

    jquery select列表选择框选中美化效果源码

  • jquery select 多级联动插件_省市联动_二级联动_三...

    jquery select 多级联动插件_省市联动_二级联动_三...

  • jQuery自定义下拉框插件

    jQuery自定义下拉框插件

  • jQuery下拉列表框双向选择

    jQuery下拉列表框双向选择

  • selectordie演示11种美化下拉框select方法

    selectordie演示11种美化下拉框select方法

  • select下拉框检索插件

    select下拉框检索插件

  • 留言(0)
    头像
     阿里云限量代金券,戳我领取
    1 2