jquery-chosen 选择框插件
来源:互联网 发布:常见公钥算法 编辑:程序博客网 时间:2024/06/03 06:44
Chosen 是一个JavaScript插件,它能让丑陋的、很长的select选择框变的更好看、更方便,不仅如此,它更扩大了,增长了主动筛选的功能。它可对列表进行分组,同时也可禁用某些选择项。目前,它支持 jQuery 和 Prototype 两种JavaScript引擎。
<select class="chzn-select" data-placeholder="Choose a Country" style="width:350px;" tabindex="1"> <option value=""></option> <option value="United States">United States</option> <option value="United Kingdom">United Kingdom</option> <option value="Afghanistan">Afghanistan</option> <option value="Albania">Albania</option> </select>
初始化:
$(".chzn-select").chosen();
效果:
事务
a) change事务:
$(".chzn-select").chosen().change(function(){ ...... });
b) 当我们须要动态更新下的选择项时,只要在更新选择项后触发Chosen中的liszt:d事务就可以了:
$(".chzn-select").html(""...<%option%>china<%/option%>..."");$(".chzn-select").trigger("liszt:d");
若是不想要搜刮框的话,用css把它隐蔽掉:
.chzn-container-single .chzn-search { display: none;}
如何给选项分组?
在html中增加optgroup标签。
<select data-placeholder="Your Favorite Football Teams" style="width:350px;" class="chzn-select" multiple tabindex="6"> <option value=""></option> <optgroup label="NFC EAST"> <option>Dallas Cowboys</option> <option>New York Giants</option> <option>Philadelphia Eagles</option> <option>Washington Redskins</option> <optgroup> <optgroup label="NFC NORTH"> <option>Chicago Bears</option> <option>Detroit Lions</option> <option>Green Bay Packers</option> <option>Minnesota Vikings</option> </optgroup></select>
如何开启多选支持?
增加个多选属性multiple
<select data-placeholder="Choose a Country" class="chzn-select" multiple style="width:350px;"tabindex="4"> <option value=""></option> <option value="United States">United States</option> <option value="United Kingdom">United Kingdom</option> <option value="Afghanistan">Afghanistan</option> <option value="Albania">Albania</option> <option value="Algeria">Algeria</option> </select>
原贴:https://ruby-china.org/topics/8013
0 0
- jquery-chosen 选择框插件
- jquery-chosen 选择框插件
- Chosen—jquery选择框插件
- jquery-chosen 选择框插件用法
- Chosen 基于jquery的选择框插件使用方法
- chosen-select:下拉选择框美化插件
- jquery select 插件 chosen
- jquery chosen 插件
- jquery chosen 插件使用
- jquery.chosen 强大的jquery模拟下拉框(select)插件
- jquery插件chosen的使用
- [jQueryUI] - Chosen:select下拉选择框美化插件及问题
- [jQueryUI] - Chosen:select下拉选择框美化插件及问题
- [jQueryUI] - Chosen:select下拉选择框美化插件及问题
- Chosen:select下拉选择框美化插件及问题
- [jQueryUI] - Chosen:select下拉选择框美化插件及问题
- [jQueryUI] - Chosen:select下拉选择框美化插件及问题
- jQuery Chosen 选择框下拉值无法重置的问题
- OpenDaylight Lithium 在ubunbtu下的安装
- 密码 pasuwado题解
- PHP安装扩展mcrypt以及相关依赖项 【PHP安装PECL扩展的方法】
- 在nginx配置部分https
- 洗牌与排序
- jquery-chosen 选择框插件
- 省市二级联动
- IOS百度地图
- shell与bash
- transitionFromViewController方法的使用--优化
- Hexagon处理器的指令编码
- 【烙铁使用规范】—— 延长无铅手工焊接工艺中烙铁头的寿命
- android源码开发之监听来电状态
- QT5.5.0 VS2013/CentOS 7自编译