- 浏览: 501120 次
- 性别:
- 来自: 北京
文章分类
- 全部博客 (156)
- xml (4)
- web前端 (24)
- jQuery (18)
- java (38)
- SQL (9)
- perl (2)
- OTRS (1)
- GWT (4)
- Linux (32)
- Maven (2)
- Spring (2)
- Oracle Win7 (1)
- css (8)
- eclipse (3)
- mysql (11)
- tomcat (5)
- git (4)
- javascript (22)
- font (1)
- android (1)
- log4j (1)
- email (1)
- sublime plugin (1)
- html (2)
- matches (1)
- php (3)
- apache (3)
- gd (1)
- docker (5)
- rails (1)
- RabbitMQ (1)
- Ubuntu (3)
- L2TP VPN (1)
- nodejs (1)
- oraclejet (1)
- ubutun (1)
- ntp (1)
- ngix (1)
- ssl (1)
- https (1)
- Linux,Debian (2)
- dpkg (1)
- pac (1)
- vi (1)
- vim (1)
- java,http (0)
- httpClient (0)
- shutter (1)
- shell (1)
- redmine (1)
最新评论
-
纵观全局:
配置之后,连接显示不是私密连接
keytool生成证书与Tomcat SSL配置 -
zhuchao_ko:
可以 伪造
java获得ip地址 -
longhua2003:
代码太乱了
java下载文件 -
tomhat:
ccx410 写道 安装gwt报错,unable to ret ...
GWT CellTable -
ccx410:
安装gwt报错,unable to retrieve osgi ...
GWT CellTable
## jquery-chosen.js示例使用方法
1. [地址](https://harvesthq.github.io/chosen/)
2. [CDN](https://cdnjs.com/libraries/chosen)
1. [地址](https://harvesthq.github.io/chosen/)
2. [CDN](https://cdnjs.com/libraries/chosen)
<select id="fruit" name="fruit" class="chosen-choices" data-placeholder="单选水果"> <option value="apple">苹果</option> <option value="orange">橘子</option> <option value="banana">香蕉</option> <option value="pear">梨</option> </select> <select id="fruits" name="fruits" multiple class="chosen-choices" data-placeholder="多选水果"> <option value="apple">苹果</option> <option value="orange">橘子</option> <option value="banana">香蕉</option> <option value="pear">梨</option> </select>
$(function() { // 初始化 $('.chosen-choices').chosen({ no_results_text: "没有找到结果!",//搜索无结果时显示的提示 search_contains:true, //关键字模糊搜索。设置为true,只要选项包含搜索词就会显示;设置为false,则要求从选项开头开始匹配 allow_single_deselect:true, //单选下拉框是否允许取消选择。如果允许,选中选项会有一个x号可以删除选项 disable_search: false, //禁用搜索。设置为true,则无法搜索选项。 disable_search_threshold: 0, //当选项少等于于指定个数时禁用搜索。 inherit_select_classes: true, //是否继承原下拉框的样式类,此处设为继承 width: '100%', //设置chosen下拉框的宽度。即使原下拉框本身设置了宽度,也会被width覆盖。 }); }); // 取值 var fruit = $('#fruit').find('option:selected').val(), fruits = $('#fruits').find('option:selected').val(); // 更新select $('#fruit').append('<option value="pitaya">火龙果</option>').trigger('chosen:updated'); $('#fruits').append('<option value="pitaya">火龙果</option>').trigger('chosen:updated');
选项 | 描述 | 取值 |
-- | -- | -- |
no_results_text | 无搜索结果显示的文本 | 文本说明 |
allow_single_deselect | 是否允许取消选择 | [true,false] |
max_selected_options | 当select为多选时,最多选择个数 | 数字 |
search_contains | 键字模糊搜索。设置为true,只要选项包含搜索词就会显示;设置为false,则要求从选项开头开始匹配 | [true,false] |
disable_search | 禁用搜索。设置为true,则无法搜索选项。 | [true,false] |
disable_search_threshold | 当选项少等于于指定个数时禁用搜索 | 数字[0] |
inherit_select_classes | 是否继承原下拉框的样式类,此处设为继承 | [true,false] |
placeholder_text_single | 单选选择框的默认提示信息,当选项为空时会显示。如果原下拉框设置了data-placeholder,会覆盖这里的值 | 文本 |
max_shown_results | 下拉框最大显示选项数量 | 数值 |
single_backstroke_delete | 表示按两次删除键才能删除选项,true表示按一次删除键即可删除 | [true,false] |
case_sensitive_search | 搜索大小写敏感 | [true,false] |
group_search | 选项组是否可搜 | [true,false] |
include_group_label_in_selected | 选中选项是否显示选项分组 | false不显示,true显示。默认false |
width | 设置chosen下拉框的宽度。即使原下拉框本身设置了宽度,也会被width覆盖 | '100%'或'100px' |
发表评论
-
jquery-validate示例使用方法
2021-02-21 14:19 305## 示例使用方法 <form class=&qu ... -
JavaScript SizeToHuman 大小转换为mb kb tb等
2017-08-21 15:16 1466// byte数据单位转换(以B为基底) functio ... -
javascript 监听键盘事件
2017-04-14 10:38 2756var ie; var firefox; ... -
js去除字符串中的html标签,替换"为'
2016-11-10 14:10 1469今天做文本域编辑和提交,文本域的内容最好带格式,于是找了一些插 ... -
JavaScript从数组中删除指定值元素的方法
2016-10-11 13:13 714下面的代码使用了两种方式删除数组的元素,第一种定义一个单独的函 ... -
byte 的1024转换方法
2016-09-18 14:19 969今天在要用到字节转换并且带上不同单位,于是在网上找了一下,记录 ... -
安装nodejs oraclejet
2016-05-05 16:45 793ubuntu下安装nodejs Debian and Ubu ... -
javascript 生成随机码或随机数
2016-01-15 14:01 2003/** * [getRandomNum 生成随机数] ... -
js 一些知识,js获取contxtPath
2015-11-12 13:49 1155var num = 1; var str = '1'; ... -
IE指定文档模式
2015-10-15 15:21 920对于 Web 开发人员来说,文本兼容性是一个要考虑的重要问题。 ... -
JS判断鼠标向上滚动还是向下滚动
2015-09-25 17:52 2578js如何判断滚轮的上下滚动,我们应该都见到过这种效果,用鼠标滚 ... -
js验证组织机构代码
2015-09-18 18:06 43221.全国组织机构代码由八位数字(或大写拉丁字母)本体代码和一位 ... -
jQuery 跳出each循环
2015-09-18 13:22 615jquery跳出 each 循环,要实现break和conti ... -
JS,Jquery获取各种屏幕的宽度和高度,clientX,offsetX,在父窗口中获取iframe中的元素
2015-04-22 16:49 3367JS,Jquery获取各种屏幕的宽度和高度 Javascri ... -
javascript 保留2位小数
2014-09-15 13:15 1701<script type="text/ ... -
如何在一个页面上让多个jQuery版本共存
2014-09-10 10:22 868如何在一个页面上让多个jQuery共存呢?比如jquery-1 ... -
Spring MVC @RequestBody接收JSON报HTTP 415/400问题的解决
2014-08-27 13:06 3757Ajax请求传@RequestBody(接收JSON)参数时, ... -
JavaScript中实现replaceAll方法
2014-08-21 18:04 1042使用JavaScript replace方法,如果不使用正则表 ... -
javascript Date Format
2014-07-07 23:14 862// 对Date的扩展,将 Date 转化为指定格式的Stri ... -
jQuery仿腾讯云滑动下拉导航菜单效果代码
2014-07-03 17:13 2902<!DOCTYPE html> <html& ...
相关推荐
这个是jquery的下拉框插件,可以实现下拉框内模糊搜索的功能
chosen_v1.2.0.zip chosen.jquery.js jQuery Chosen Plugin 是一个 jQuery 插件,用来将网页中的下拉框进行功能扩展和美化。可实现对下拉框的搜索,多个标签编辑等功能 下载地址:...
chosen-jquery.js 版本1.8.7 一个可以美化下拉框,并且支持模糊查询的下拉框搜索jquery插件 下载地址 https://github.com/harvesthq/chosen/releases 官方文档配置 https://harvesthq.github.io/chosen/options.html...
jQuery Chosen Plugin 是一个 jQuery 插件,用来将网页中的下拉框进行功能扩展和美化。 同时我修改了一下英文注释。 修复了中文名称下搜索的BUG。
Jquery-chose插件,挺强大的一个下拉搜索框.
前端项目-angular-chosen-localytics,Angular Chosen directive is an AngularJS Directive that brings the Chosen jQuery in a Angular way
Chosen:select下拉选择框美化插件及实现模糊搜索,Chosen 是一个支持jQuery的select下拉框美化插件,它能让丑陋的、很长的select选择框变的更好看、更方便。不仅如此,它更扩展了select,增加了自动筛选的功能。它...
chosen源码 chosen-1.2.0.zip chosen.jquery.json jQuery Chosen Plugin 是一个 jQuery 插件,用来将网页中的下拉框进行功能扩展和美化。可实现对下拉框的搜索,多个标签编辑等功能 下载地址:...
chosen.jquery带搜索功能的下拉选,查询模式为reg%,带有渲染js之后刷新option
找一个值得倾注一生的文本编辑器:Vim is chosen. Vim的高度可配是众多编程大神的利器 但是配置vim的众多插件资源分散 vim.org,反正我是上不去 github一般家庭网络不是很稳定 花了好多时间,攒下的vim插件大集合。 ...
django-chosen是一个使django FormFields可用的项目,该项目使用。 它是由的开发人员创建的。 请注意, 提供了一个具有更多功能的选择字段库。 大多数实施工作将朝着django-select2-forms的方向发展。 安装 从源...
chosen。jaunty是一个支持模糊查询的可输入select下拉框,用法特别简单。
开源项目-shalakhin-gophericons.zip,We plan to update gophericons collection. Top 10 themes will be chosen for free
这不仅可以用作公共存档页面,还可以用作标签页面,其中所有帖子都可以使用标签进行过滤! 感谢@ kitian616 / jekyll-TeXt-theme提出了这个绝妙的主意。 请注意,旧的“标记”页面和“存档”页面已被弃用,但新的...
Ember-CLI 集成即将推出,但现在,请获取ember-chosen.js和templates/chosen-select.hbs 。 用法 模板: {{chosen content=businessesArray optionLabelPath='content.name' optionValuePath='content.id' ...
选择的简单 jQuery 插件,允许 ajax 搜索选项 如何使用 第一步。 初始选择 $ ( '.elem' ) . chosen ( { ... } ) ; 第二步。 选择了初始化 ajax $ ( '.elem' ) . ajaxChosen ( { ... } ) ; 查看源代码中的可用...
TensorFlow has been chosen as the deep-learning package because of its flexibility for research purposes and its ease of use. Another reason for choosing TensorFlow is its capability to load models ...
<script src="ui/jquery.ui.core.js"> <script src="ui/jquery.ui.widget.js"> <script src="ui/jquery.ui.datepicker.js"> $(function() { $( "#datepicker" ).datepicker(); }); <p>Date: ...
jQuery Chosen Plugin 是一个 jQuery 插件,用来将网页中的下拉框进行功能扩展和美化。可实现对下拉框的搜索,多个标签编辑等功能,如下图所示:在线演示:http://davidwalsh.name/dw-content/jquery-chosen.php ...