js下拉多选CheckBox插件

MSFmultiSelect .js是一款下拉多选CheckBox插件,JavaScript库将定期选择元素转换成一个先进的用户友好的多选组合框。

var mySelect = new MSFmultiSelect(
    document.querySelector('#multiselect'),
    {
      appendTo: '#example',
    }
);

设置高度和宽度

var mySelect = new MSFmultiSelect(
    document.querySelector('#multiselect'),
    {
      width:350,
      height:30
    }
);

还可以添加选项事件

var mySelect = new MSFmultiSelect(
    document.querySelector('#multiselect'),
    {
      onChange:function(checked,value,instance){
        
      }
    }
);

一些API方法

// 添加移除值
mySelect.setValue(['4','8']);
mySelect.removeValue(['4','8']);

// 获取值
mySelect.getData();

// 获取数组
mySelect.getSource();

// 选择所有
mySelect.selectAll(true/false);

// 加载更多
mySelect.loadSource([
  {caption:'Option 1',value:'value1',selected:true},
  {caption:'Option 2',value:'value2',selected:false},
]);

// 重新加载
mySelect.reload();