引入文件:
成都創(chuàng)新互聯(lián)公司專注于汝南網(wǎng)站建設(shè)服務(wù)及定制,我們擁有豐富的企業(yè)做網(wǎng)站經(jīng)驗(yàn)。 熱誠為您提供汝南營銷型網(wǎng)站建設(shè),汝南網(wǎng)站制作、汝南網(wǎng)頁設(shè)計(jì)、汝南網(wǎng)站官網(wǎng)定制、成都微信小程序服務(wù),打造汝南網(wǎng)絡(luò)公司原創(chuàng)品牌,更為您提供汝南網(wǎng)站排名全網(wǎng)營銷落地服務(wù)。
使用
jsp頁面
js:
$("#user_role").multiselect({
//分別為控制下拉容器最大高度、最多允許具體展示選中項(xiàng)數(shù)(其余以數(shù)字形式展示)、隔行換色控制、全選、支持檢索。
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: '請(qǐng)選擇角色', //默認(rèn)展示文本 selectAllText: '全選' //全選文本 });
如希望修改其寬度,參考:http://m.blog.csdn.net/article/details?id=50971672
根據(jù)option的id設(shè)置某個(gè)選項(xiàng)為被選擇。
$(‘#selectId').multiselect(‘select',optionId);
以上所述是小編給大家介紹的Bootstrap 下拉多選框插件Bootstrap Multiselect,希望對(duì)大家有所幫助,如果大家有任何疑問請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)創(chuàng)新互聯(lián)網(wǎng)站的支持!