首页 前端知识 layui selectM 多选框点击不生效

layui selectM 多选框点击不生效

2024-01-27 01:01:17 前端知识 前端哥 55 284 我要收藏

问题:使用selectM的扩展,下拉框多选出现点击不生效的问题。

解决:

var tagIns;
layui.config({
base: './'
}).extend({
selectM: 'assets/libs/layui_extends/selectM', // 插件路径
}).use(['layer', 'form', 'jquery', 'selectM'], function () {
$ = layui.jquery;
var form = layui.form, selectM = layui.selectM;
$.get('xxx', {
token: getToken()
}, function (res) {
if (res.code == 0) {
//多选标签-基本配置
if(tagIns) tagIns.render(); // 重点!!!如果已存在,需要重载
tagIns = selectM({
elem: '#selectedZyps', //元素容器【必填】
data: res.data, //候选数据【必填】
max: res.data.length,
tips: '请选择',
selected: selectZypsArr,
//verify: 'required', //添加验证
field: { //候选项数据的键名
idName: 'xxx',
titleName: 'aaa'
}
});
}
})
});
复制

路漫漫其修远兮,吾将上下而求索!

转载请注明出处或者链接地址:https://www.qianduange.cn//article/585.html
标签
layuijquery
评论
发布的文章
大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!