Bootstrap 下拉多选框插件Bootstrap Multiselect

Bootstrap 下拉多选框插件Bootstrap Multiselect

引入文件：

使用

jsp页面

KdSiwdBwK* 所属部门：

请选择部门

* 所属角色：

${var.roleName}

js:

$("#user_role").multiselect({  //分别为控制下拉容器最大高度、最多允许具体展示选中项数（其余以数字形式展示）、隔行换色控制、全选、支持检索。

maxHeight:300,

numberDisplayed:3,

optionClass: function(element) {

var value = $(element).parent().find($(element)).index();

if (value%2 == 0) {

return 'even';

}

else {

return 'odd';

}

},

incKdSiwdBwKludeSelectAllOption: true,

enableFiltering: true,

selectAllJustVisible: true,

nonSelectedText: '请选择角色', //默认展示文本

selectAllText: '全选' //全选文本

});

如希望修改其宽度，参考：http://m.blog.csdn.net/article/details?id=50971672

根据option的id设置某个选项为被选择。

$(‘#selectId').multiselect(‘select',optionId);

以上所述是给大家介绍的Bootstrap 下拉多选框插件Bootstrap Multiselect，希望对大家有所帮助，如果大家有任何疑问请给我留言，会及时回复大家的。在此也非常感谢大家对我们网站的支持！

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。