formSelects多级联动Demo

最新推荐文章于 2022-09-05 14:55:21 发布

勤快的小蚂蚁

最新推荐文章于 2022-09-05 14:55:21 发布

阅读量1.6k

点赞数

分类专栏： FrontEnd

本文链接：https://blog.csdn.net/fxzzq/article/details/103062076

版权

FrontEnd 专栏收录该内容

19 篇文章 1 订阅

订阅专栏

<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>layui</title>
		<link rel="stylesheet" type="text/css" href="js/formSelects-v4.css" />
		<link rel="stylesheet" type="text/css" href="lib/layui/css/layui.css">
		<script src="js/jquery-3.3.1.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="lib/layui/layui.all.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/formSelects-v4.js" type="text/javascript" charset="utf-8"></script>
		<style type="text/css">
			body {
				background-color: #393D49
			}
			
			.layui-table-tool {
				background-color: #393D49;
			}
			
			.layui-table {
				background-color: #393D49;
				color: #fff;
			}
			
			.layui-table-cell {
				height: 15px;
				line-height: 15px;
			}
			
			.layui-btn-xs {
				height: 15px;
				line-height: 15px;
			}
			
			#location {
				width: 460px;
				margin-left: 110px;
			}
		</style>
	</head>

	<body>
		<div id="location">
			<select name="location" xm-select="select15" xm-select-radio="">
				<option value="">请选择, 此处是联动多选</option>
			</select>
		</div>
		<script>
			var formSelects = layui.formSelects; //不需要render
			formSelects.data('select15', 'local', {
				arr: [{
						"name": "北京",
						"value": 1,
						"children": [{
								"name": "北京市1",
								"value": 12,
								"children": []
							},
							{
								"name": "北京市2",
								"value": 17,
								"children": []
							},
							{
								"name": "北京市3",
								"value": 18,
								"children": []
							},
							{
								"name": "北京市4",
								"value": 19,
								"children": []
							},
						]
					},
					{
						"name": "天津",
						"value": 2,
						"children": [{
							"name": "天津市1",
							"value": 51,
							"children": []
						}, ]
					},
				],
				linkage: true
			});
			formSelects.value('select15', ['1/12']);
		</script>
	</body>

</html>

formSelects多级联动Demo

勤快的小蚂蚁

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
打赏
0
评论
formSelects多级联动Demo

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>layui</title> <link rel="stylesheet" type="text/css" href="js/formSelects-v4.css" /> &lt...
复制链接

扫一扫