前幾天在jQuery官網看到了插件里面有400多個插件，看了下效果都很好，以后項目里面難免會用到。於是下了個決定，有時間把官網的插件都研究下，並簡單介紹他的用法，方便以后的使用。
下面將要提到的是jQuery的chosen插件，它是對下拉select的封裝，高手做出來的東西就是不錯。
1.使用chosen插件，有幾個文件時必須要引入的
jquery //毋庸置疑jquery必須 chosen.jquery.min.js //壓縮版的chosen核心jquery代碼 chosen.css //chosen 的樣式文件
2.chosen的配置js代碼
1 $(function () { 2 var config = { 3 '.chosen-select' : {},
4 '.chosen-select-deselect' : {allow_single_deselect:true},
5 '.chosen-select-no-single' : {disable_search_threshold:10},
6 '.chosen-select-no-results': {no_results_text:'Oops, nothing found!'},
7 '.chosen-select-width' : {width:"95%"}} 8 for (var selector in config) { 9 $(selector).chosen(config[selector]); 10 } 11 });
3.在select中加入相應的class就ok了。比如
<select data-placeholder="Choose a Country..." name="country" class="chosen-select" style="width:350px;" tabindex="1">
data-placeholder=”Choose a Country…”：第一個option留空，則會在select中默認顯示的文本—Choose a Country…
class=”chosen-select” ： 插件的最主要部分。
效果是：
在select標簽中加入multiple就會變成多選
可以根據傳過來的值動態選中：
$("#form-field-select-2").trigger("chosen:updated");