最新赞助活动温馨提示:自愿赞助服务器费用,学生和没有工作的整站资源免费下载!
头像

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

来源:http://www.erdangjiade.com/ 沐浴春风 2015-08-21 08:37浏览(1599)

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

0、请不要问“在不在”之类的问题,有问题直接问!1、学生或暂时没有工作的童鞋,整站资源免费下载!2、¥9.9充值终身VIP会员,加我微信,826096331 拉你进VIP群学习!3、程序员加油,技术改变世界。在线 充值

Combo Select演示5种可搜索的jQuery下拉框效果
分类:表单代码 > 下拉框select 难易:中级
查看演示

加我微信,拉你进VIP群学习:

下载资源 下载积分: 30 积分

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

声明:本文为原创文章,如需转载,请注明来源erdangjiade.com并保留原文链接:https://www.erdangjiade.com/js/252.html
评论2
头像

友情提示:垃圾评论一律封号 加我微信:826096331拉你进VIP群学习群

  • 头像 椅子
    10-26 09:46
    puton_wp
    可以借鉴
  • 头像 沙发
    08-02 12:00
    qq562140910
    还不错~~~~~~~~~
1 2