Layui的下拉多选

layui.config({
        base: '__PUBLIC__/layuiadmin/' //静态资源所在路径
    }).extend({
        index: 'lib/index', //主入口模块
        xmSelect: 'xm-select'// 这个是下拉多选
    }).use(['index', 'set', 'form', 'laydate', 'upload', 'layarea', 'laydate', 'xmSelect'], function () {
        var $ = layui.$
            , laydate = layui.laydate
            , form = layui.form
            , layarea = layui.layarea
            , laydate = layui.laydate
            , xmSelect = layui.xmSelect
            , upload = layui.upload;

        // 街道赋值
        var steetList = '{$streetJson}';
        var street_activity_area = '{$street_activity_area}';
        var street_c_activity_area = '{$street_c_activity_area}';
        var streetData = [];
        $.each(JSON.parse(steetList), function (k, v) {
            streetData.push(v)
        })
        var streetXmlsel = xmSelect.render({
            el: '#street',
            data: streetData,
            clickClose: true,
            autoRow: true,
            theme: {
                color: '#f4817c',
                // hover: '#dd575c',
                maxColor: '#f4817c'
            },
            // 监听事件
            on: function (data) {
                var arr = data.arr;
                if (arr.length > 0) {
                    var s_id = '';
                    var s_id1 = '';
                    for (let i = 0; i < arr.length; i++) {
                        if ((arr.length - i) == 1) {
                            s_id1 += arr[i]['value'];
                            s_id += arr[i]['province_id']+'_'+arr[i]['province_cn']+'_'+arr[i]['city_id']+'_'+arr[i]['city_cn']+'_'+arr[i]['region_id']+'_'+arr[i]['region_cn']+'_'+arr[i]['value']+'_'+arr[i]['name'];
                        } else {
                            s_id1 += arr[i]['value'] + "-";
                            s_id += arr[i]['province_id']+'_'+arr[i]['province_cn']+'_'+arr[i]['city_id']+'_'+arr[i]['city_cn']+'_'+arr[i]['region_id']+'_'+arr[i]['region_cn']+'_'+arr[i]['value']+'_'+arr[i]['name'] + "-";
                        }

                    }
                    $('input[name=street]').val(s_id)
                    $.post('__MODULE__/Room/getStreetC2', {s_id:s_id1}, function (data) {
                        var street_communityXmlsel = xmSelect.render({
                            el: '#street_community',
                            data: data,
                            autoRow: true,
                            theme: {
                                color: '#f4817c',
                                // hover: '#dd575c',
                                maxColor: '#f4817c'
                            },
                            on: function (data1) {
                                var arr = data1.arr;
                                if (arr.length > 0) {
                                    var s_id = '';
                                    for (let i = 0; i < arr.length; i++) {
                                        if ((arr.length - i) == 1) {
                                            s_id += arr[i]['province_id']+'_'+arr[i]['province_cn']+'_'+arr[i]['city_id']+'_'+arr[i]['city_cn']+'_'+arr[i]['region_id']+'_'+arr[i]['region_cn']+'_'+arr[i]['street_id']+'_'+arr[i]['street_cn']+'_'+arr[i]['value']+'_'+arr[i]['name'];
                                        } else {
                                            s_id += arr[i]['province_id']+'_'+arr[i]['province_cn']+'_'+arr[i]['city_id']+'_'+arr[i]['city_cn']+'_'+arr[i]['region_id']+'_'+arr[i]['region_cn']+'_'+arr[i]['street_id']+'_'+arr[i]['street_cn']+'_'+arr[i]['value']+'_'+arr[i]['name'] + "-";
                                        }

                                    }
                                    $('input[name=street_community]').val(s_id)
                                }
                            }
                        })
                        street_communityXmlsel.setValue(JSON.parse(street_c_activity_area),null,true)
                    },'json');
                } else {
                    xmSelect.render({
                        el: '#street_community',
                        data: [],
                        theme: {
                            color: '#dd575c',
                            // hover: '#dd575c',
                            maxColor: '#dd575c'
                        }
                    })
                }
            }
        })

		//这个是回显数据
        streetXmlsel.setValue(JSON.parse(street_activity_area),null,true) 
    });

Xmlsel文档地址