基于jQuery开发的左右选择列表插件,类似于mult

leftRightSelect

基于jQuery开发的左右选择列表插件,类似于multiselect.js、Bootstrap Dual Listbox、extjs itemselector

1、使用方法:
 1.在需要使用leftRightSelect组件的页面引入jquery.js、leftRightSelect.js和leftRightSelect.css
 2.初始化代码:
<div class="leftrightSel" id="selectbox">
var dimensionSelBox = $("#selectbox").leftRigthSel({ //leftData:[{id:1,text:'测试1'},{id:2,text:'测试2'}] });

2、常用方法:
 1.清空列表:
dimensionSelBox.cleanAll();

 2.获取右侧列表的值(返回数组)
var valueArray = dimensionSelBox.getRightDatas();

  3.动态加载左侧列表的值:
var url = ./test.json; dimensionSelBox.cleanAll(); dimensionSelBox.loadLeft(url);
其中test.json中的数据为:
[{id:1,text:"ceshi1"},{id:2,text:"ceshi2"}]

3、实例:

版权声明:

1、该文章(资料)来源于互联网公开信息,我方只是对该内容做点评,所分享的下载地址为原作者公开地址。
2、网站不提供资料下载,如需下载请到原作者页面进行下载。