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://pwwzsj.com/article/gpdicj.html