jquery插件chosen的使用
来源:互联网 发布:cocos js button 隐藏 编辑:程序博客网 时间:2024/06/07 07:05
一、 文件引入
jquery //jquery必须,且需要在chosen.js之前
chosen.jquery.min.js //压缩版的chosen核心jquery代码
chosen.css //chosen 的样式文件
二 、代码示例
1 . html 代码
<select class="chosen-select" data-placeholder="Choose a Country..." multiple> </select>
data-placeholder是将第一个option留空时默认显示的内容。
multiple 表示可以多选
主要还是class=”chosen-select”
2 . js代码
$(".chosen-select").chosen({ no_results_text: "没有找到结果!",//搜索无结果时显示的提示 search_contains:true, //关键字模糊搜索,设置为false,则只从开头开始匹配 allow_single_deselect:true, //是否允许取消选择 max_selected_options:6 //当select为多选时,最多选择个数});
3 . 事件
a) change事件:
$(".dept-select").chosen().change(function(){ //do something...});
b) 当我们需要动态更新select下的选择项时,只要在更新选择项后触发Chosen中的liszt:updated事件就可以了
//...$(".dept-select").html('...<option>部门6</option>...');$(".dept-select").trigger("liszt:updated");
以上只是部分chosen插件的使用,更多配置属性,尽请百度。。。
0 0
- jquery插件chosen的使用
- jquery chosen 插件使用
- chosen插件的使用
- jquery select 插件 chosen
- jquery chosen 插件
- select三级联动结合jquery的chosen.jquery.js 插件一起使用原创案例
- jquery.chosen 强大的jquery模拟下拉框(select)插件
- jquery Chosen使用
- jquery Chosen使用
- 在使用jquery的chosen下拉列表的插件时,碰到了使用jquery.validate.js的冲突
- jquery-chosen 选择框插件
- jquery-chosen 选择框插件
- jquery插件chosen和select的简单应用
- Chosen 基于jquery的选择框插件使用方法
- Chosen—jquery选择框插件
- jquery chosen 插件多选初始化
- jquery-chosen 选择框插件用法
- bootstrap-datepicker时间插件和chosen.jquery下拉模糊搜索和bootbox.min弹出框以及jquery.tips提示框和js的全选与取消的使用
- 兼容各浏览器上传浏览(包括ie6)
- Histogram intersection(直方图交叉核,Pyramid Match Kernel)
- webservice 示例
- 用firebreath开发插件
- Python的字符串处理函数split & join的使用一例
- jquery插件chosen的使用
- Maven备注
- sql日期格式化
- 栅栏效应、频谱泄露、细化技术
- MUTF编码解释
- AsyncTast异步线程使用
- 翻书法记忆GRE词汇
- xss攻击
- SqlDependency和SqlCacheDependency缓存的用法及具体步骤