html 左右选择框,jQuery双边栏选择框

插件描述：基于jquery的双列表左右选择小插件，没有太多的样式和字体，可以自己随意更改，js也有注释，更多功能就各位自己添加了

使用方法

第一步：导入js和css

第二步：创建一个容器

注意：class必须，但一定要dsSelect，id可以自定义，也是必须

第三步：创建一个实例，并且初始化let dsSelectObj = new dsSelect("dsSelectTemp");

dsSelectObj.init();

其它使用：

1、多选：

(1)默认是ctrl+鼠标左键

(2)可以在dsSelectObj.init();之前加dsSelectObj.multiSelect =true;便可以进行多选

2、设置左边的数据dsSelectObj.setLeftData(datas,"name");

(1)dsSelectObj 是之前创建的实例

(2)有两个参数，第一个参数是数据，第二个参数是数据中要被现实的属性名称，如下：let datas = [

{id:"1",name:"选项1"},

{id:"2",name:"选项2"},

{id:"3",name:"选项3"},

{id:"4",name:"选项4"},

{id:"5",name:"选项5"},

{id:"6",name:"选项6"}

];

我要显示的是name

3、设置右边数据：dsSelectObj.setRightData(datasR,"name");

参考2描述

4、获取左边包含的数据dsSelectObj.getSelectLeftValus()

显示的是个数组，如果没有则返回：[]

5、获取右边包含的数据dsSelectObj.getSelectRightValus()

6、禁用中间按钮操作dsSelectObj.disableButtons();

7、启用中间按钮操作dsSelectObj.restartButtons();