<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>省市区三级</title>
<link rel="stylesheet" href="layui/css/layui.css"/>
<link rel="stylesheet" href="cascader/cascader.css"/>
</head>
<body>
<div class="layui-form-item">
<label class="layui-form-label layui-form-required">地区选择</label>
<div class="layui-input-inline">
<input type="text" id="demoCascader1" placeholder="请选择" class="layui-hide" name="address" value="山东省,济南市,济阳县" />
</div>
</div>
</body>
<script type="text/javascript" src="layui/layui.js"></script>
<script type="text/javascript" src="cascader/citys-data.js"></script>
<script type="text/javascript" src="cascader/cascader.js"></script>
<script>
var ADMIN_PATH = "", LAYUI_OFFSET = 60;
layui.config({
base: '',
version: ''
}).use('global');
</script>
<script>
layui.use(['cascader','form','admin'], function () {
var $ = layui.jquery, layer = layui.layer,cascader = layui.cascader,admin = layui.admin, form = layui.form;
var data = cascader.getCityData(admin.util.deepClone(citysData));
cascader.render({
elem: '#demoCascader1',
data: citysData,
itemHeight: '250px',
filterable: true
});
});
</script>
</html>
备注 回显值 将值处理成以下格式
山东省,济南市,济阳县
