layui select 多选报selectM 被占用解决方法

Acitylion

于 2021-01-14 15:58:06 发布

阅读量823

点赞数

分类专栏： layui get 技能

本文链接：https://blog.youkuaiyun.com/Acitylion/article/details/112614806

版权

get 技能同时被 2 个专栏收录

102 篇文章

订阅专栏

layui

14 篇文章

订阅专栏

本文档展示了如何使用layui扩展组件layui-select-ext进行多选标签的基础配置和编辑功能。通过`layui.config`设置基础路径，然后加载所需模块，如`layui-form`、`layui-selectM`，并定义了两个功能函数`functionallSelect`和`editSelect`，分别用于初始化选择器和编辑选择器。选择器具有数据绑定、最大选择数、宽度设置和验证功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

改个名就好了

function allSelect(){
            layui.config({
                base : './'
            }).extend({
                selectM: 'js/layui-select-ext/layui_extends/selectM',
            }).use(['layer','form','jquery','selectM'],function(){
                $ = layui.jquery;
                var form = layui.form
                    ,selectM = layui.selectM;

                //多选标签-基本配置
                tagIns1 = selectM({
                    //元素容器【必填】
                    elem: '#tag_ids1'
                    //候选数据【必填】
                    ,data: tagData
                    ,max:100
                    ,width:400
                    //添加验证
                    ,verify:'required'
                });

            });
        }
        function editSelect(selected){
            layui.config({
                base : './'
            }).extend({
                select1: 'js/layui-select-ext/layui_extends/selectM',
            }).use(['layer','form','jquery','selectM'],function(){
                $ = layui.jquery;
                var form = layui.form
                        ,select1 = layui.selectM;

                //多选标签-基本配置
                tagIns2 = select1({
                    //元素容器【必填】
                    elem: '#tag_ids2'
                    //候选数据【必填】
                    ,data: tagData
                    ,max:100,
                    selected:selected
                    ,width:400
                    //添加验证
                    ,verify:'required'
                });
            });
        }