GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → hnzzmsf → Layui Formselects

hnzzmsf / Layui Formselects

Licence: apache-2.0
Layui select多选小插件

Programming Languages

javascript
184084 projects - #8 most used programming language

Labels

selectlayui

Projects that are alternatives of or similar to Layui Formselects

React Dropdown Tree Select
Lightweight, accessible, customizable and fast Dropdown Tree Select component for React
Stars: ✭ 345 (-38.28%)
Mutual labels:  select
Webim
基于环信webim+layim的web网页即时通讯 layim H5移动版
Stars: ✭ 448 (-19.86%)
Mutual labels:  layui
Libfiber
The high performance coroutine library for Linux/FreeBSD/MacOS/Windows, supporting select/poll/epoll/kqueue/iocp/windows GUI
Stars: ✭ 519 (-7.16%)
Mutual labels:  select
Open source bms
Open Source BMS 后台管理系统
Stars: ✭ 351 (-37.21%)
Mutual labels:  layui
Ngx Mat Select Search
Angular component providing an input field for searching / filtering MatSelect options of the Angular Material library.
Stars: ✭ 416 (-25.58%)
Mutual labels:  select
Ionic Selectable
An Ionic-based versatile and highly customizable component that serves as a replacement to Ionic Select, and allows to search items, create items, customize the layout with templates and much more.
Stars: ✭ 459 (-17.89%)
Mutual labels:  select
Easyadmin
框架主要使用ThinkPHP6.0 + layui，拥有完善的权限的管理模块以及敏捷的开发方式，让你开发起来更加的舒服。
Stars: ✭ 315 (-43.65%)
Mutual labels:  layui
Ngx Ui
🚀 Style and Component Library for Angular
Stars: ✭ 534 (-4.47%)
Mutual labels:  select
Svelte Select
A select component for Svelte apps
Stars: ✭ 414 (-25.94%)
Mutual labels:  select
Slim Select
Slim advanced select dropdown
Stars: ✭ 517 (-7.51%)
Mutual labels:  select
React Select Search
⚡️ Lightweight select component for React
Stars: ✭ 379 (-32.2%)
Mutual labels:  select
Beego blog
beego+layui go入门开发 简洁美观的个人博客系统
Stars: ✭ 410 (-26.65%)
Mutual labels:  layui
Skyeye
智能办公OA系统[SpringBoot2-快速开发平台]，适用于医院，学校，中小型企业等机构的管理。Activiti5.22+动态表单实现零java代码即可做到复杂业务的流程实施，同时包含文件在线操作、日志、考勤、CRM、ERP进销存、项目、拖拽式生成问卷、日程、笔记、计划、行政等多种复杂业务功能。同时，可进行授权二开。
Stars: ✭ 472 (-15.56%)
Mutual labels:  layui
Dormitorymanager
学生宿舍管理系统（SSM/Layui框架；毕业设计）
Stars: ✭ 346 (-38.1%)
Mutual labels:  layui
Ember Power Select
The extensible select component built for ember.
Stars: ✭ 521 (-6.8%)
Mutual labels:  select
Easydropdown
A lightweight library for building beautiful styleable <select> elements
Stars: ✭ 337 (-39.71%)
Mutual labels:  select
Choices
A vanilla JS customisable select box/text input plugin ⚡️
Stars: ✭ 4,505 (+705.9%)
Mutual labels:  select
Layui
采用自身模块规范编写的前端 UI 框架，遵循原生 HTML/CSS/JS 的书写形式，极低门槛，拿来即用。
Stars: ✭ 25,504 (+4462.43%)
Mutual labels:  layui
Jquery.sumoselect
A jQuery Single/Multi Select plugin which can be used on almost any device
Stars: ✭ 527 (-5.72%)
Mutual labels:  select
Fslayui
基于layui的前端快速开发框架，支持数据表格增删改查操作，提供通用的组件，通过配置html实现数据请求，减少前端js重复开发的工作。目前支持单数据表格、多数据表格、tab数据表格、树+数据表格、联动数据表格、layeidt编辑器、下拉框联动等。
Stars: ✭ 483 (-13.6%)
Mutual labels:  layui
View All Similar Projects ➔

formSelects

演示站点

formSelects停止维护, 已经迁移至xm-select

xm-select一个自由发挥的新版多选

基于Layui的select多选解决方案

formSelects有哪些功能

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

目录结构

重要的事情说三遍, 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/[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 群1: 769620939 (2000人已满)

QQ 群2: 660408068

打赏

如果喜欢作者的插件, 可以请作者吃雪糕 ^_^

打赏

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].