前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >专栏 >jQuery 下拉查询筛选插件Combo Select

jQuery 下拉查询筛选插件Combo Select

作者头像
用户5640963
发布于 2019-07-26 01:58:13
发布于 2019-07-26 01:58:13
6.2K0
举报
文章被收录于专栏:卯金刀GG卯金刀GG

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

使用方法

1、引入文件

<link rel="stylesheet" href="css/combo.select.css">

<script src="js/jquery.min.js"></script>

<script src="js/jquery.combo.select.js"></script>

2、HTML

<div class="jq22">

<select>

<option value="">月份</option>

<option value="一月">一月</option>

<option value="二月">二月</option>

<option value="三月">三月</option>

...

</select>

</div>

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

true

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

1 2 3 4 5 6 7 8

<div class="combo-select"> <select name="month" tabindex="-1"></select> <div class="combo-select-arrow"></div> <ul class="combo-drop-down"> <li>....</li> </ul> <input type="text" placeholder="请选择" class="combobox-input text-input"> </div>

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
Kafka的消息会丢失和重复吗?——如何实现Kafka精确传递一次语义
我们都知道Kafka的吞吐量很大,但是Kafka究竟会不会丢失消息呢?又会不会重复消费消息呢?
用户6070864
2019/08/27
2.6K0
Kafka的消息会丢失和重复吗?——如何实现Kafka精确传递一次语义
Kafka如何保证百万级写入速度已经保证不丢失不重复消费
“这篇文章来聊一下Kafka的一些架构设计原理,这也是互联网公司面试时非常高频的技术考点。
小勇DW3
2019/08/30
3.6K0
Kafka如何保证百万级写入速度已经保证不丢失不重复消费
Kafka学习笔记-202102
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-XX0kexvT-1617677731154)(D:\Code_Study\博客笔记\Kafka学习笔记.assets\1606809962993.png)]
用户8483969
2021/04/09
6170
kafka教程_scala为什么用的很少
Kafka 是一个分布式的基于【发布/订阅模式】的消息队列(Message Queue),主要应用于 大数据实时处理领域。
全栈程序员站长
2022/11/19
6970
kafka教程_scala为什么用的很少
Apache Kafka-初体验Kafka(04)-Java客户端操作Kafka
操作步骤 Maven依赖 核心依赖 kafka-clients <dependency> <groupId>org.apache.kafkagroupId>
小小工匠
2021/08/17
5710
2021年大数据Flink(四十四):​​​​​​扩展阅读 End-to-End Exactly-Once
Flink 在1.4.0 版本引入『exactly-once』并号称支持『End-to-End Exactly-Once』“端到端的精确一次”语义。
Lansonli
2021/10/11
7130
【年后跳槽必看篇-非广告】Kafka核心知识点-第二章
所谓的消息幂等性就是如何保证消息只消费一次不重复消费。这需要从Kafka的多个角度去回答该问题一是要包含Kafka自身的机制,还需要考虑客户端自己的重复处理。
@派大星
2024/01/23
2570
快速学习-Kafka API
Kafka 的 Producer 发送消息采用的是异步发送的方式。在消息发送的过程中,涉及到了两个线程——main 线程和 Sender 线程,以及一个线程共享变量——RecordAccumulator。main 线程将消息发送给 RecordAccumulator,Sender 线程不断从 RecordAccumulator 中拉取消息发送到 Kafka broker。
cwl_java
2020/02/24
7380
快速学习-Kafka API
第二天:Kafka API操作
Kafka的Producer发送消息采用的是异步发送的方式。在消息发送的过程中,涉及到了两个线程——main线程和Sender线程,以及一个线程共享变量——RecordAccumulator。main线程将消息发送给RecordAccumulator,Sender线程不断从RecordAccumulator中拉取消息发送到Kafka broker。
sowhat1412
2020/11/05
8250
第二天:Kafka  API操作
2万字 | Kafka知识体系保姆级教程,附详细解析,赶紧收藏吧!!
消息队列,英文名:Message Queue,经常缩写为MQ。从字面上来理解,消息队列是一种用来存储消息的队列 。来看一下下面的代码
大数据老哥
2021/10/11
8460
2万字 | Kafka知识体系保姆级教程,附详细解析,赶紧收藏吧!!
你必须要知道的kafka
Apache Kafka最早是由LinkedIn开源出来的分布式消息系统,现在是Apache旗下的一个子项目,并且已经成为开源领域应用最广泛的消息系统之一。Kafka社区非常活跃,从0.9版本开始,Kafka的标语已经从“一个高吞吐量,分布式的消息系统”改为"一个分布式流平台"。
用户5397975
2019/10/14
7670
三万字 | Kafka 知识体系保姆级教程宝典
一、消息队列 Apache Pulsar Pulsar 与 Kafka 对比 二、Kafka基础 三、Kafka架构及组件 四、Kafka集群操作 五、Kafka的JavaAPI操作 六、Kafka中的数据不丢失机制 七、Kafka配置文件说明 八、CAP理论 九、Kafka中的CAP机制 十、Kafka监控及运维 十一、Kafka大厂面试题
五分钟学大数据
2021/11/08
1.2K0
Apache Kafka 事务详解
Apache Kafka 是一个分布式流处理平台,主要用于实时数据的传输和处理。在现代的数据密集型应用中,事务性保证在数据传输和处理中的作用至关重要。本文将详细介绍 Kafka 的事务性支持,包括其基本概念、架构、使用方法以及相关代码示例和运行效果。
九转成圣
2024/08/05
1160
我们在学习Kafka的时候,到底在学习什么?
我在之前《Kafka源码阅读的一些小提示》写了一些关于Kafka源码阅读的注意事项。
大数据真好玩
2021/09/18
3060
我们在学习Kafka的时候,到底在学习什么?
【Kafka】核心API
虚拟化软件推荐 VM https://www.cnblogs.com/PrayzzZ/p/11330937.html VirtualBOX
瑞新
2020/12/07
1.3K0
【Kafka】核心API
Kafka教程_图解kafka
推荐【Kafka教程】https://bigbird.blog.csdn.net/article/details/108770504 推荐【rabbitmq教程】https://bigbird.blog.csdn.net/article/details/81436980 推荐【Flink教程】https://blog.csdn.net/hellozpc/article/details/109413465 推荐【SpringBoot教程】https://blog.csdn.net/hellozpc/article/details/107095951 推荐【SpringCloud教程】https://blog.csdn.net/hellozpc/article/details/83692496 推荐【Mybatis教程】https://blog.csdn.net/hellozpc/article/details/80878563 推荐【SnowFlake教程】https://blog.csdn.net/hellozpc/article/details/108248227 推荐【并发限流教程】https://blog.csdn.net/hellozpc/article/details/107582771 推荐【JVM面试与调优教程】https://bigbird.blog.csdn.net/article/details/113888604
全栈程序员站长
2022/11/03
2.1K1
Kafka教程_图解kafka
Kafka学习(三)-------- Kafka核心之Consumer
了解了什么是kafka( https://www.cnblogs.com/tree1123/p/11226880.html)以后
大数据流动
2019/08/08
1.9K0
Kafka API操作实践
Kafka的Producer发送消息采用的是异步发送的方式。在消息发送的过程中,涉及到了两个线程——main线程和Sender线程,以及一个线程共享变量——RecordAccumulator。main线程将消息发送给RecordAccumulator,Sender线程不断从RecordAccumulator中拉取消息发送到Kafka broker。
zeekling
2022/06/17
5620
Kafka API操作实践
Kafka 的事务到底长啥样?
这篇文章主要讲述 Kafka 事务性相关原理,从 Kafka EOS 语义、幂等性、事务性等几个方面阐述。
大数据技术架构
2019/08/16
1.7K0
Kafka基础篇学习笔记整理
KafkaProducer会将消息先放入缓冲区中,然后由单独的sender线程异步发送到broker服务端,那么既然消息是批量发送的,那么触发批量发送的条件是什么呢?
大忽悠爱学习
2023/04/23
3.7K0
Kafka基础篇学习笔记整理
相关推荐
Kafka的消息会丢失和重复吗?——如何实现Kafka精确传递一次语义
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档