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