<!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
最新推荐文章于 2024-08-08 07:24:14 发布