簡單介紹下bootstrap-multiselect
SetSelects/GetSelects
$("select").multipleSelect();
$("#setSelectsBtn").click(function() {
????$("select").multipleSelect("setSelects", [1, 3]);
});
$("#getSelectsBtn").click(function() {
????alert("Selected values: " + $("select").multipleSelect("getSelects"));
????alert("Selected texts: " + $("select").multipleSelect("getSelects", "text"));
});
設(shè)置 Multiple Select 的內(nèi)容。參數(shù): values類型: array選擇框的內(nèi)容信息。
$('select').multipleSelect('setSelects', [1, 3]);
enable啟用 Multiple Select菲饼。
$('select').multipleSelect('enable');
disable禁用 Multiple Select赡若。在這種模式下,不允許用戶操作竖配。
$('select').multipleSelect('disable');checkAll
全選所有的復選框何址。
$('select').multipleSelect('checkAll');uncheckAll
全不選所有的復選框。
$('select').multipleSelect('uncheckAll');
refresh重新加載 Multiple Select进胯。假如你是通過 AJAX 或者 DOM 來手動添加或者刪除 option 選項用爪,可以通過 refresh 方法來重新加載 Multiple Select。
$('select').multipleSelect('refresh');
bootstrap-multiselect源碼主頁:https://github.com/davidstutz/bootstrap-multiselect
bootstrap-multiselect文檔以及Demo:http://davidstutz.github.io/bootstrap-multiselect/
詳細KPI介紹:http://wenzhixin.net.cn/p/multiple-select/docs/index.html?locale=zh_CN