本文档介绍了如何使用Layui插件实现多选select功能，包括引入必要的JS和CSS文件，设置select标签的multiple属性，启用多选模式。同时，展示了开启全选、清空、反选、多选简写和搜索功能的方法，以提升用户体验。通过lay-omit简化显示，lay-search启用搜索功能，并提到lay-case用于区分大小写搜索。
Layui-多选select
文献种类：专题技术文献；
开发工具与关键技术： VS、JS
作者：方建恒 ；年级：20级 ；撰写时间： 2022 年 2 月 18日
今天我们来讲一下Layui插件里的一个扩展—多选select。
在layui的表单中我们的下拉框是单选的，
当我们在运用时需要多选时，我们得用到Layui下拉框的扩展部分。
接下来我们来实际运用一下：
首先我们把Layui的JS和CSS引入，注：此处layui的版本为2.4.5。
然后把以下的Layui下拉框的扩展内容的样式在style标签中引入：
然后我们再创建一个下拉框，在select标签里添加上multiple，
这样子下拉框就可以开启多选模式，代码如下：
然后对该模块进行启用，如图：
这样子一个简单的多选下拉框就完成了，下图为页面实际效果：
最低0.47元/天 解锁文章
542
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
