bootstrap-multiSelect

 

 

 

 

 

<select id="multipleSelected" class="form-control" multiple="multiple" data-placeholder="状态" style="width: 150px;">

</select>

 

$ID.multiselect("destroy").multiselect({
// 自定义参数，按自己需求定义
nonSelectedText: '--请选择--',
//一个回调，用于指定按钮上显示的文本，具体取决于当前选择的选项。
//回调获取当前选定的options 和 select 参数，并返回显示为按钮文本的字符串。
//如果未选择任何选项，则buttonText 返回默认回调nonSelectedText，
//如果选择的选项 nSelectedText 多于 numberDisplayed 则返回默认回调，
//如果选择的选项少于numberDisplayed 选项，则返回所选选项的名称。

buttonText: function(options, select) {
var optLen = options.length
if (optLen === 0) {
return '请选择应用';
}else if (optLen > 3) {
if(optLen === appList.length){
return appList.length +'项全被选中';
}else {
return optLen +'项被选中 ';
}

}else {
var selected = '';
options.each(function () {
selected += $(this).text() + ',';
selected += $(this).val() + ',';
});
return selected.substr(0, selected.length - 1);
}
}
});