layui下拉多选组件

此仓库提供一款基于layui框架的下拉多选组件，该组件可以帮助开发者轻松实现下拉选择多选功能。

组件简介

本组件是一款基于layui的下拉多选组件，拥有以下特点：

• 支持多选功能
• 支持自定义样式
• 支持多种触发方式
• 兼容主流浏览器

使用说明

1. 引入layui库和下拉多选组件的CSS、JS文件
2. 创建HTML结构，如：

<div class="layui-form">
  <div class="layui-form-item">
    <label class="layui-form-label">多选下拉框</label>
    <div class="layui-input-block">
      <select name="interests" xm-select="demo1">
        <option value="">请选择</option>
        <option value="1">选项1</option>
        <option value="2">选项2</option>
        <option value="3">选项3</option>
      </select>
    </div>
  </div>
</div>

3. 初始化下拉多选组件

layui.use(['form', 'xmSelect'], function(){
  var form = layui.form;
  var xmSelect = layui.xmSelect;
  
  var demo1 = xmSelect.render({
    el: '#demo1',
    data: [
      {name: '选项1', value: 1},
      {name: '选项2', value: 2},
      {name: '选项3', value: 3},
    ],
  });
});

更新日志

• 2022-01-01：发布初始版本

免责声明

本组件仅供学习和研究使用，未经授权不得用于商业用途。如有任何问题，请自行承担相应的法律责任。