jQuery Chosen 使用

Posted 天晴了

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jQuery Chosen 使用相关的知识,希望对你有一定的参考价值。

 

1.  jQuery Chosen 选择框下拉值重置;

 //重置
$("#easySelBrands").val("默认值").trigger("chosen:updated");

        

  赋值为默认值后要用trigger("chosen:updated")更新,否则无效;

 

 

2. 多个select在一起的问题

在chosen.jquery.js中找到此方法:

1 Chosen.prototype.activate_field
2  = function()
3  {
4     this.container.addClass("chzn-container-active");
5     this.active_field
6  = true;      
7     this.search_field.val(this.search_field.val());
8     return this.search_field.focus();
9 };

将此方法改为:

1  Chosen.prototype.activate_field = function() {
2       this.container.addClass("chosen-container-active");
3       this.active_field = true;
4       this.search_field.val(this.search_field.val());
5       var zindex = 1010;
6       this.container.css(\'z-index\', \'1010\')
7       $(\'.chosen-container\').not(this.container).css(\'z-index\', --zindex);
8       return this.search_field.focus();
9     };

 

 

参考链接

https://github.com/amazeui/chosen/blob/master/docs/options.md

http://blog.csdn.net/iamduoluo/article/details/11519909

以上是关于jQuery Chosen 使用的主要内容,如果未能解决你的问题,请参考以下文章

Chosen.js 并验证 jquery

chosen.jquery.js 使用笔记

jQuery Chosen:在同一页面上显示多个选择字段

jquery 插件:chosen

jquery.chosen.js下拉选择框美化插件项目实例

如何从 jQuery Chosen 选择下拉菜单中隐藏或删除选项