<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<title>基于 Layui form 组件的省市区联动选择的实现</title>
<script src="assets/jquery-1.12.4.js"></script>
<link rel="stylesheet" href="layui/css/layui.css" />
<script type="text/javascript" src="layui/layui.js"></script>
<script type="text/javascript" src="assets/data.js"></script>
<script type="text/javascript" src="assets/province.js"></script>
<script type="text/javascript">
var defaults = {
s1: 'provid',
s2: 'cityid',
s3: 'areaid',
v1: null,
v2: null,
v3: null
};
</script>
</head>
<body>
<div style="width:800px;margin:50px auto;">
<form class="layui-form">
<div class="layui-form-item">
<label class="layui-form-label">选择地区</label>
<div class="layui-input-inline">
<select name="provid" id="provid" lay-filter="provid">
<option value="">请选择省</option>
</select>
</div>
<div class="layui-input-inline">
<select name="cityid" id="cityid" lay-filter="cityid">
<option value="">请选择市</option>
</select>
</div>
<div class="layui-input-inline">
<select name="areaid" id="areaid" lay-filter="areaid">
<option value="">请选择县/区</option>
</select>
</div>
</div>
</form>
</div>
</body>
</html>
这里是基于layui开发的省市区三级联动下拉框.zip （16个子文件） 
test.html 2KB
assets 
province.js 2KB jquery-1.12.4.js 287KB data.js 76KB layui css layui.css 50KB modules layer default 
loading-0.gif 6KB layer.css 14KB loading-2.gif 2KB
icon-ext.png 6KB icon.png 11KB loading-1.gif 701B code.css 1KB lay modules form.js 7KB layer.js 21KB layui.all.js 216KB layui.js 6KB资源评论
