首页 前端知识 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
评论
发布的文章
大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!