jquery的插件選擇chosen的使用

版權聲明：本文為博主原創文章，未經博主允許不得轉載。http ://blog.csdn.net/jobschen/article/details/46619443

一，文件引入

jquery // jquery必須，且需要在chosen.js之前
chosen.jquery.min.js //壓縮版的選擇核心jquery代碼
chosen.css //選擇的樣式文件

二，代碼示例

1。html代碼

<select class="chosen-select" data-placeholder="Choose a Country..." multiple> </select>

data-placeholder是將第一個選項留空時默認顯示的內容。multiple 
表示可以多選
主要還是class =“chosen-select”

2。JS代碼

$(".chosen-select").chosen({ no_results_text: "沒有找到結果！",//搜索無結果時顯示的提示 search_contains:true, //關鍵字模糊搜索，設置為false，則只從開頭開始匹配 allow_single_deselect:true, //是否允許取消選擇 max_selected_options:6 //當select為多選時，最多選擇個數 });

3。事件

　a）更改事件：

$(".dept-select").chosen().change(function(){ //do something... });

　b）當我們需要動態更新選擇下的選擇項時，只需在更新選擇項后觸發選擇中的liszt：updated事件就可以了

//...$(".dept-select").html('...<option>部門6</option>...'); $(".dept-select").trigger("liszt:updated");

以上只是部分選擇插件的使用，更多配置屬性，盡請百度...