jQuery Chosen 使用

 

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

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

        

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

 

 

2.　多个select在一起的问题

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

Chosen.prototype.activate_field
 = function()
 {
    this.container.addClass("chzn-container-active");
    this.active_field
 = true;      
    this.search_field.val(this.search_field.val());
    return this.search_field.focus();
};

将此方法改为：

 Chosen.prototype.activate_field = function() {
      this.container.addClass("chosen-container-active");
      this.active_field = true;
      this.search_field.val(this.search_field.val());
      var zindex = 1010;
      this.container.css('z-index', '1010')
      $('.chosen-container').not(this.container).css('z-index', --zindex);
      return this.search_field.focus();
    };

 

 

参考链接

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

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