您的位置: jquery插件库 > 导航/分类→ xmSelect下拉多选

xmSelect下拉多选

资源来源网络,如果需要授权,请大家更换源码,模块仅供学习,下载后请2小时内删除,如需商用请购买正版授权 xmSelect下拉多选演示图片

 如何使用

<!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>











下拉树


下拉多选日期


下拉穿梭框


说的再多 不如动手一试, 体验地址