Bootstrap下拉多选框插件BootstrapMultiselect

引入文件：

成都创新互联公司专注于汝南网站建设服务及定制，我们拥有丰富的企业做网站经验。热诚为您提供汝南营销型网站建设，汝南网站制作、汝南网页设计、汝南网站官网定制、成都微信小程序服务，打造汝南网络公司原创品牌,更为您提供汝南网站排名全网营销落地服务。

使用

jsp页面

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';
          }
        },
        includeSelectAllOption: 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，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对创新互联网站的支持！

分享标题：Bootstrap下拉多选框插件BootstrapMultiselect
标题路径：http://cdxtjz.com/article/gpdicj.html

Bootstrap下拉多选框插件BootstrapMultiselect

其他资讯