Layui 下拉select多选实现
1. html
<div id="mo_deptment"></div>
2.引用
<script src="~/layuiadmin/layui/xm-select.js"></script>
3.设置全局变量存储控件
var mo_deptmentSelect;
4.layui.use?中初始化
4.1?列表数据
var mo_deptmentdata = [
?? ??? ??? ? ? ? ? ?{name: '综合室', value: '综合室'},//, selected: true
?? ??? ??? ? ? ? ? ?{name: '质控信息室', value: '质控信息室'},
?? ??? ??? ? ? ? ? ?{name: '实验分析室', value: '实验分析室'},
? ? ? ? ? ? ? ? ? ? {name: '监测应急室', value: '监测应急室'},
? ? ? ? ? ? ? ? ? ? {name: '放射源安全室', value: '放射源安全室'},
?? ??? ? ? ? ? ?];
4.2?初始选择数据
var mo_deptment="综合室,质控信息室";
var sv = mo_deptment.split(',');
4.3?初始化
?var mo_deptmentSelect = xmSelect.render({
?? ??? ? ? ? ? ?el: '#mo_deptment',
?? ??? ? ? ? ? ?language: 'zn',
? ? ? ? ? ? ? ? initValue: sv,
?? ??? ? ? ? ? ?data: mo_deptmentdata
?? ? ? ? ? ?});
5.获取选中数据
var selectArr = mo_deptmentSelect.getValue();
? ? ? ? ? ? ? ? ? ? var sv = "";
? ? ? ? ? ? ? ? ? ? $.each(selectArr,function(i,v){
? ? ? ? ? ? ? ? ? ? ? ? if(i==selectArr.length-1) sv += v.name;
? ? ? ? ? ? ? ? ? ? ? ? else ?sv += v.name+",";
? ? ? ? ? ? ? ? ? ? });
6.清除选中数据?和设置选中数据
mo_deptmentSelect.setValue([]);
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。 如若内容造成侵权/违法违规/事实不符,请联系我的编程经验分享网邮箱:veading@qq.com进行投诉反馈,一经查实,立即删除!