• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

formSelects: 基于https://github.com/hnzzmsf/layui-formSelects的支持layui的多选下 ...

原作者: [db:作者] 来自: 网络 收藏 邀请

开源软件名称:

formSelects

开源软件地址:

https://gitee.com/imlzw/formSelects

开源软件介绍:

formSelects


文档地址

演示站点


基于Layui的select多选解决方案

formSelects有哪些功能

  • 基础功能
    • 多选
    • 分组
    • 取值&赋值
    • 选择监听
    • 搜索
    • 启用&禁用
    • 多选皮肤
    • 重复选
  • 高级功能
    • 下拉方向
    • 显示数量
    • 选择数量
    • 远程搜索
    • 动态数据
    • 动态创建
    • 搜索过滤
    • 快捷操作
    • 选项模板
  • 多级联动

目录结构

  ├─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

安装

推荐从Githubclone最新版本

<!-- 引入样式 --><link rel="stylesheet" type="text/css" href="//raw.githack.com/hnzzmsf/layui-formSelects/master/dist/formSelects-v4.css"/><!-- 引入jquery依赖 --><script src="//unpkg.com/[email protected]/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

微信群:

formSelects

更新记录

4.0.0.0713

友情链接

码云formSelects

新增:

  1. 分页加载功能:

输入图片说明

<select id="industry_category_select"  name="industryCategory" xm-select-search=""  lay-verify="required" xm-select-radio=""   placeholder="行业" autocomplete="off" xm-select-height="36px" xm-select-skin="normal" xm-select="industry_category_select" lay-filter="industry_category_select" >  <option value="">请选择行业类别</option></select>						    <script>layui.formSelects.data('industry_select',"server", {    url: '/industryList',    showPage: true,    size: 6});</script>

2.级联异步加载功能

输入图片说明

<select name="orgArea" xm-select="orgArea" lay-verify="required"  xm-select-radio="" xm-select-skin="normal">    <option value="">请选择单位所在省市区</option></select><script>layui.formSelects.data('orgArea', 'server', {    url: '/city',    linkage: true,    linkageWidth: 130});</script>

鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
热门推荐
热门话题
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap