1.使用js包
bootstrap-multiselect-master
需要對應的js,css文件
2.定義select標簽
<select id="produce" multiple="multiple" class＝"multiselect">
//option標簽省略
</select>
3.設定select屬性
$("produce").multiselect(｛
buttonClass:'multiSelect-btn',
buttonWidth:'auto',
includeSelectAllOptions:true,
selectAllText:'全選'，
buttonContainer:'<div class="btn-group"/>',
buttonText:function(options)｛
var selected="";
if(options.length == 0)｛
return "請選擇"+'<b class="caret"></b>';
｝else｛
options.each(function()｛
selected+= $(this).text()+',';
｝);
return selected.substr(0,selected.length-1)+'<b class="caret"></b>';
｝
｝
｝);
注意：1.在multiselect方法中，可以通過一些屬性值設定自己需要的多項選擇
2.通過$("#produce").val() 獲取的值是數組的形式;同樣賦予其初始值時，也需要數組的形式
eg: var selecteds="producePlan,peoduceList,produceCheck";
$("#produce").val(selecteds.split(",")); //則默認選中三個選