& lt;脚本type=" text/javascript " src=" https://www.yisu.com/zixun/js/bootstrap-multiselect.js "祝辞& lt;/script>
& lt;脚本type=" text/javascript " src=" https://www.yisu.com/zixun/js/jquery.min.js "祝辞& lt;/script>
& lt;脚本type=" text/javascript " src=" https://www.yisu.com/zixun/js/bootstrap.min.js "祝辞& lt;/script>
<强>使用
jsp页面
祝辞& lt; div class="形式的班级”;
& lt;标签类=" col-sm-4 control-label”祝辞& lt;我类=皉equired”在*,,& lt;/i>所属部门:& lt;/label>
& lt; div类=癱ol-sm-6”比;
& lt; div类=癿yOwnDdl”比;
& lt;选择name=" expendProject " id=皍ser_dept”类=氨淼タ丶北?
& lt;选项值=" "选择="选择"祝辞请选择部门& lt;/option>
& lt;/select>
& lt;/div>
& lt;/div>
& lt;/div>
祝辞& lt; div class="形式的班级”;
& lt;标签类=" col-sm-4 control-label”祝辞& lt;我类=皉equired”在*,,& lt;/i>所属角色:& lt;/label>
& lt; div类=癱ol-sm-6”比;
& lt; div类=癿yOwnDdl”比;
& lt;选择name=" expendProject " id=皍ser_role”类=氨淼タ丶倍喔?岸喔觥北?
& lt; c: forEach var==" $ {requestScope“var”项。角色}”在
& lt;选项值=" https://www.yisu.com/zixun/$ {var.id}”在$ {var.roleName} & lt;/option>
& lt;/c: forEach>
& lt;/select>
& lt;/div>
& lt;/div>
& lt;/div>
js:
, <代码> $ (" # user_role ") .multiselect ({,>
maxHeight: 300,
numberDisplayed: 3,
optionClass:函数(元素){=https://www.yisu.com/zixun/$ var值(元素).parent();($(元素)).index ();
如果(值% 2==0){
返回'even ';
}
其他{
返回“奇怪”;
}
}，
includeSelectAllOption:没错,
enableFiltering:没错,
selectAllJustVisible:没错,
nonSelectedText:“请选择角色',//默认展示文本
selectAllText:“全选“//全选文本
});
如希望修改其宽度,参考:http://m.blog.csdn.net/article/details& # 63; id=50971672
根据选项的id设置某个选项为被选择。
$ (' # selectId ') .multiselect(‘选择’,optionId);
以上所述是小编给大家介绍的引导下拉多选框插件引导多选,希望对大家有所帮助,如果大家有任何疑问请给我留的言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!
