基于layui的select选择框修改为多选框

layui-xm-select 的功能强大,可多选、可下拉树、下拉日期多选、下拉折叠面板、下拉穿梭框、级联模式。
首先在引用layui css和js 的基础上,再引用js:layui-xm-select
layui-xm-select点击下载地址
基本使用

第一步: 下载
第二步: 引入 layui-xm-select.js
第三步: 写一个`
` 第四步: 渲染 var demo1 = xmSelect.render({ el: '#demo1', language: 'zn', data: [ {name: '张三', value: 1}, {name: '李四', value: 2}, {name: '王五', value: 3}, ] })

代码案例:





默认选中值
selected是选中, disabled是禁用

搜素值 添加 filterable: true
多选上限 max: 2

给多选赋值








取值






说明:此文档说明不全,可参考具体说明文档:https://maplemei.gitee.io/xm-select/

你可能感兴趣的:(layui,前端,javascript,selsect,多选)