multiselect是一个基于bootstrap的下拉框插件,基本可以满足一般需求(全选,模糊搜索),很好用~
API
buttonWidth: '300px', //按钮宽度
buttonHeight: '30px', //按钮高度
maxHeight: 400, //下拉框的最大高度
enableFiltering: true, //过滤
selectAllText: '全部', //全选的checkbox名称
nonSelectedText: '请选择', //未选择情况下的提示
includeSelectAllOption: true, // 全选
enableCaseInsensitiveFiltering: true, //不区分大小写
disableIfEmpty: true,//没有选项时readonly
disabledText: 'Disabled ...',//disabled时显示的文字说明
//初始化
onInitialized: function(select, container) {
alert('Initialized.');
},
onChange: function (option, checked) {//change事件改变
console.log(option.length + ' options ' + (checked ? 'selected' : 'deselected'));
},
//下拉回调函数
onDropdownShow: function (event) {
alert('Dropdown shown.');
},
//下拉框关闭回调函数
onDropdownHide: function (event) {
alert('Dropdown closed.');
},
//点击select调用,然后显示出下拉框
onDropdownHidden: function (event) {
alert('Dropdown closed.');
},
暂时就这些,以后用到了在补充
网友评论