xmSelect下拉多选 xmSelect - layui 第三方组件平台

文档

插件介绍

xm-select 基于 layui 的一个多选解决方案。

QQ交流群: 1145047250

码云下载

建议优先使用码云下载, 最新版会直接同步更新, 原来使用formSelects的小伙伴强烈建议更换为xm-select [酷]

如何使用

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<link rel="stylesheet" type="text/css" href="layui/css/layui.css"/>
	</head>
	<body>
		
		<div id="demo1" style="width: 300px; margin: 20px;"></div>
		
		<script src="layui/layui.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			//加载组件
			layui.config({
				base: './layui_exts/xmSelect/'
			}).extend({
				xmSelect: 'xm-select'
			}).use(['xmSelect'], function(){
				var xmSelect = layui.xmSelect;
				
				//渲染多选
				var demo1 = xmSelect.render({
				    el: '#demo1', 
				    data: [
				        {name: '张三', value: 1},
				        {name: '李四', value: 2},
				        {name: '王五', value: 3},
				    ]
				})
				
			})
		</script>
	</body>
</html>

下拉树

下拉多选日期

下拉穿梭框

说的再多不如动手一试, 体验地址 https://maplemei.gitee.io/xm-select/#/component/install

fly交流贴 https://fly.layui.com/jie/57776/

下载

去码云下载

该扩展组件由第三方用户主动投递，并由其自身进行维护，本站仅做收集。