<p align=center>
<a href="javascript:;">
<img src="docs/public/logo.png" alt="formSelects" width="520">
</a>
</p>
---
[文档地址](https://hnzzmsf.github.io/layui-formSelects/docs/index.html) 未完待续, 文档先以演示站点为主
[演示站点](http://sun.faysunshine.com/layui/formSelects-v4/example/example_v4.html)
---
> 基于Layui的select多选解决方案
formSelects有哪些功能
- [x] 基础功能
- [x] 多选
- [x] 分组
- [x] 取值&赋值
- [x] 选择监听
- [x] 搜索
- [x] 启用&禁用
- [x] 多选皮肤
- [ ] 重复选
- [x] 高级功能
- [x] 下拉方向
- [x] 显示数量
- [x] 选择数量
- [x] 远程搜索
- [x] 动态数据
- [x] 动态创建
- [x] 搜索过滤
- [x] 快捷操作
- [x] 选项模板
- [x] 多级联动
## 目录结构
```
├─UI //文档示例用到的一些组件库, layui等
├─dist //编译后的代码, 可直接用于生产环境
│ │─formSelects-v3.js //v3版本
│ │─formSelects-v4.css //v4版本css
│ │─formSelects-v4.js //v4版本js
│ │─formSelects-v4.min.js //v4版本压缩后的js
├─docs //文档目录
├─example //示例目录
├─src //源码目录, 可用于二次开发
│ │─formSelects-v3.js
│ │─formSelects-v4.js
└─README.md
```
## 安装
推荐从
[Github](https://github.com/hnzzmsf/layui-formSelects)
clone最新版本
```html
<!-- 引入样式 -->
<link rel="stylesheet" type="text/css" href="//raw.githack.com/hnzzmsf/layui-formSelects/master/dist/formSelects-v4.css"/>
<!-- 引入jquery依赖 -->
<script src="//unpkg.com/jquery@3.3.1/dist/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<!-- 引入组件 -->
<script src="//raw.githack.com/hnzzmsf/layui-formSelects/master/dist/formSelects-v4.js" type="text/javascript" charset="utf-8"></script>
```
## 快速上手
```
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" href="formSelects-v4.css"/>
</head>
<body>
<div>
<select name="city" xm-select="selectId">
<option value="1" disabled="disabled">北京</option>
<option value="2" selected="selected">上海</option>
<option value="3">广州</option>
<option value="4" selected="selected">深圳</option>
<option value="5">天津</option>
</select>
</div>
<script src="jquery.js" type="text/javascript" charset="utf-8"></script>
<script src="formSelects-v4.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
formSelects.render('selectId');
</script>
</body>
</html>
```
## 学习交流
QQ 群: 769620939
QQ 号: 707200833
微信群:
<p>
<a href="javascript:;">
<img src="docs/public/wx.png" alt="formSelects" width="300">
</a>
</p>
## 更新记录
[4.0.0.0910](https://hnzzmsf.github.io/layui-formSelects/docs/index.html#/module2/log)
## 打赏
如果喜欢作者的插件, 可以请作者吃雪糕 ^_^
<p>
<a href="javascript:;">
<img src="docs/public/wx.jpg" alt="打赏" width="300">
</a>
</p>
没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
嵌入式优质项目,资源经过严格测试可直接运行成功且功能正常的情况才上传,可轻松copy复刻,拿到资料包后可轻松复现出一样的项目。 本人单片机开发经验充足,深耕嵌入式领域,有任何使用问题欢迎随时与我联系,我会及时为你解惑,提供帮助。 【资源内容】:包含完整源码+工程文件+说明,项目具体内容可查看下方的资源详情。 【附带帮助】: 若还需要嵌入式物联网单片机相关领域开发工具、学习资料等,我会提供帮助,提供资料,鼓励学习进步。 【本人专注嵌入式领域】: 有任何使用问题欢迎随时与我联系,我会及时解答,第一时间为你提供帮助,CSDN博客端可私信,为你解惑,欢迎交流。 【建议小白】: 在所有嵌入式开发中硬件部分若不会画PCB/电路,可选择根据引脚定义将其代替为面包板+杜邦线+外设模块的方式,只需轻松简单连线,下载源码烧录进去便可轻松复刻出一样的项目 【适合场景】: 相关项目设计中,皆可应用在项目开发、毕业设计、课程设计、期末/期中/大作业、工程实训、大创等学科竞赛比赛、初期项目立项、学习/练手等方面中 可借鉴此优质项目实现复刻,也可以基于此项目进行扩展来开发出更多功能
资源推荐
资源详情
资源评论


























收起资源包目录





































































































共 573 条
- 1
- 2
- 3
- 4
- 5
- 6
资源评论


阿齐Archie
- 粉丝: 4w+
- 资源: 2479

下载权益

C知道特权

VIP文章

课程特权

开通VIP
上传资源 快速赚钱
我的内容管理 展开
我的资源 快来上传第一个资源
我的收益
登录查看自己的收益我的积分 登录查看自己的积分
我的C币 登录后查看C币余额
我的收藏
我的下载
下载帮助


最新资源
- 石油地质学中基于CNN与变压器模型的井壁日志孔隙度预测(可复现,有问题请联系博主)
- xfconf-4.16.0-1.el8.x64-86.rpm.tar.gz
- DeepSeek 企业应用全解析:从技术原理到落地实战
- xfce4-xkb-plugin-0.8.2-3.el8.x64-86.rpm.tar.gz
- Java实现基于ssm图书管理系统源码+数据库(高分毕业设计)
- abaqus插件打包, 裂缝信息获取,包括cohesive和xfem裂缝信息获取,泰森多边形生成,全局插入cohesive单元 随机生成泰森多边形 二维 三维cohesive单元全局插入,可实现不
- xfce4-whiskermenu-plugin-2.5.3-1.el8.x64-86.rpm.tar.gz
- DeepSeek 企业应用全解析:从技术原理到落地实战
- xfce4-weather-plugin-0.11.0-1.el8.x64-86.rpm.tar.gz
- gsensor mxc6655 datasheet
- xfce4-wavelan-plugin-0.6.2-3.el8.x64-86.rpm.tar.gz
- xfce4-verve-plugin-2.0.1-3.el8.x64-86.rpm.tar.gz
- xfce4-timer-plugin-1.7.1-5.el8.x64-86.rpm.tar.gz
- 浙江大学DeepSeek 模型硬核优势:算力与成本双维度解读
- xfce4-time-out-plugin-1.1.2-2.el8.x64-86.rpm.tar.gz
- 浙江大学DeepSeek 模型硬核优势:算力与成本双维度解读
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈



安全验证
文档复制为VIP权益,开通VIP直接复制
