layui xmSelect下拉框多选

转自:https://fly.layui.com/extend/xmSelect/

API:https://maplemei.gitee.io/xm-select/#/senior/getValue

 

1.引入xm-select插件
2.给下拉框赋值,异步获取json数据
<div class="layui-input-inline" id="gid_container"></div>
let gids,xs;
$.ajax({
url: '{:url("getGids")}',
type: 'POST',
dataType: 'json',
async: false,
data: {

},
success: function(res){
if (res.status == 1) {
    gids = res.message;
    xs = xmSelect.render({
        el: '#gid_container',
        data: gids
    })
}
}
});

给多选框赋值
let selectedStr = "{$data.gids}"; // gids以 1,2,3,4形式存储
xs.setValue(selectedStr.split(','));
点赞

发表回复

电子邮件地址不会被公开。必填项已用 * 标注