Layui select多选小插件
演示站点
formSelects停止维护, 已经迁移至xm-selectxm-select一个自由发挥的新版多选
基于Layui的select多选解决方案
formSelects有哪些功能
基础功能 多选 分组 取值&赋值 选择监听 搜索 启用&禁用 多选皮肤 重复选 高级功能 下拉方向 显示数量 选择数量 远程搜索 动态数据 动态创建 搜索过滤 快捷操作 选项模板 多级联动 目录结构重要的事情说三遍, src下的版本是开发版本, dist目录下的是编译后的压缩代码
├─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 clone最新版本
<!-- 引入样式 --> <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 群1: 769620939 (2000人已满)
QQ 群2: 660408068
打赏如果喜欢作者的插件, 可以请作者吃雪糕 ^_^
版权声明：
1、该文章(资料)来源于互联网公开信息，我方只是对该内容做点评，所分享的下载地址为原作者公开地址。2、网站不提供资料下载，如需下载请到原作者页面进行下载。
