jQuery_Chonsen的使用
来源:互联网 发布:新浪体育直播软件 编辑:程序博客网 时间:2024/06/03 12:50
特别注意的是 每次通过js动态添加select 中的option的时候 ,必须使用Chosen中的监听事件
$('.my_select_box').trigger('chosen:updated');才能看出效果
Chosen 选项列表
通过参数传递的选项
以下参数在实例化的时候通过参数设置。
$('.my_select_box').chosen({ disable_search_threshold: 10, no_results_text: 'Oops, nothing found!', width: '95%'});
true
时非必选的单选框会显示清除选中项图标disable_searchfalse设置为 true
隐藏单选框的搜索框disable_search_threshold0少于 n
项时隐藏搜索框enable_split_word_searchtrue是否开启分词搜索,默认开启inherit_select_classesfalse是否继承 select 元素的 class,如果设为 true
,Chosen 将把 select 的 class 添加到容器上max_selected_optionsInfinity最多选择项数,达到最大限制时会触发 chosen:maxselected
事件no_results_text"No results match"没有搜索到匹配项时显示的文字placeholder_text_multiple"Select Some Options"多选框没有选中项时显示的占位文字placeholder_text_single"Select an Option"单选框没有选中项时显示的占位文字search_containsfalse搜素包含项,默认从第一个字符开始匹配single_backstroke_deletetrue多选框中使用退格键删除选中项目,如果设为 false
,第一次按 delete/backspace 会高亮最好一个选中项目,再按会删除该项widthOriginal select width.Chosen 生成的选择框宽度,默认为和原 select 宽度保持一致display_disabled_optionstrue是否显示禁止选择的项目display_selected_optionstrue多选框是否在下拉列表中显示已经选中的项属性
可以通过在 <select>
上设置属性传递给 Chosen。
<select class="my_select_box" data-placeholder="Select Your Options"> <option value="1">Option 1</option> <option value="2" selected>Option 2</option> <option value="3" disabled>Option 3</option></select>
注意: 改属性会覆盖
placeholder_text_multiple
或 placeholder_text_single
选项。multiple有此属性的 select 会渲染成可以多选的 Chosen 选框selected, disabled设置选中、禁止状态,Chosen 会读取这些属性触发事件
Chosen 会在源 <select>
元素上触发事件。
$('.my_select_box').on('change', function(e, params) { do_something(e, params);});
selected
or deselected
参数, 方便用户获取改变的选项</td>
chosen:readyChosen 实例化完成时触发chosen:maxselected超过 max_selected_options
设置时触发chosen:showing_dropdownChosen 下拉选框打开完成时触发chosen:hiding_dropdownChosen 下拉选框关闭完成时触发chosen:no_results搜索没有匹配项时触发**注意:**所有 Chosen 自定义事件 都包含 Chosen 实例 chosen
对象作为参数。
Chosen 监听的事件
通过在 <select>
元素上触发特定事件可以调用 Chosen 的监听函数。
// tell Chosen that a select has changed$('.my_select_box').trigger('chosen:updated');
阅读全文
0 0
- jQuery_Chonsen的使用
- GUID使用的使用
- ${}的使用
- 的使用
- @[],@()的使用
- ->的使用
- +、-、*、/、%的使用
- &&的使用
- %:的使用
- Makefile中使用$$的使用
- Makefile中使用$$的使用
- Red5的使用--使用日志
- prefernce的使用具体使用
- 【工具使用】git 的使用
- 关于使用AsyncTaskLoader的使用
- 使用CABasicAnimation的基本使用
- 使用RocketMQ的客户端使用
- gulp的使用基本使用
- Robots Crossing River
- list接口和set接口下常用的几种list~set集合的之间关系和它们各自特征的图解
- Reactor模式,或者叫反应器模式
- hackerrank Collections.deque()
- HTML实现简单计算器
- jQuery_Chonsen的使用
- linux curl 命令 ,这似乎也可以实现简单的爬虫 回头试试
- Coursea吴恩达《优化深度神经网络》课程笔记(3)超参数调试、正则化以及优化
- opencv访问像素三个方法
- 颠倒的价牌
- 对与深搜和广搜的看法
- c语言字符串和指针十个问题
- 人情练达即文章·《我等不到了》·一
- Python 16进制与中文相互转换