layui selectM 多选框点击不生效

其斤r

已于 2023-02-15 17:42:14 修改

阅读量569

点赞数 1

分类专栏： layui js 文章标签： layui javascript jquery

于 2023-02-15 17:41:33 首次发布

本文链接：https://blog.csdn.net/weixin_38817361/article/details/129047681

版权

js 同时被 2 个专栏收录

10 篇文章 0 订阅

订阅专栏

layui

7 篇文章 0 订阅

订阅专栏

问题：使用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'
                  }
               });
          }
     })      
});