本文主要是介绍Bootstrap-duallistbox基本使用,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
插件下载:官网 github
下面为Bootstrap-duallistbox的配置项:
var demo2 = $('.demo2').bootstrapDualListbox({nonSelectedListLabel: 'Non-selected',//未选中list的label,默认false;selectedListLabel: 'Selected',//已选中list的label,默认false;showFilterInputs: true,//是否显示过滤的input输入框,默认true显示;为false则过滤相关的内容不起作用、不显示;filterTextClear: '清空过滤条件',//清空过滤条件按钮的文本,默认'show all',可替换为其他文本;filterPlaceHolder: '过滤条件',//过滤条件input框的placeholder,可自定义内容,默认为'Filter',nonSelectedFilter: 'ion ([7-9]|[1][0-2])',//未选中option的过滤条件,默认为空字符串 '' ,也可用正则方式,例如:'ion ([7-9]|[1][0-2])' 过滤7、8、9、10、11、12;selectedFilter: '
这篇关于Bootstrap-duallistbox基本使用的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!