<!doctype html>
<html lang="zh">
<head>
<meta charset="utf-8">
<title>省市三級聯動</title>
<link href="layui/css/layui.css" rel="stylesheet" />
<script src="layui/layui.js" type="text/javascript"></script>
<script src="js/jquery-1.9.1.min.js" type="text/javascript"></script>
</head>
<body>
<div class="layui-main">
<form class="layui-form" >
<div class="layui-form-item">
<label class="layui-form-label">請選擇地區</label>
<div class="layui-inline">
<select name="province" id="province" lay-verify="required" lay-search lay-filter="province">
<option value="">省份</option>
</select>
</div>
<div class="layui-inline">
<select name="city" id="city" lay-verify="required" lay-search lay-filter="city">
<option value="">地級市</option>
</select>
</div>
<div class="layui-inline">
<select name="district" id="district" lay-verify="required" lay-search>
<option value="">縣/區</option>
</select>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label"></label>
<div class="layui-input-inline">
<button type="button" class="layui-btn " οnclick="get()">提交</button>
</div>
</div>
</form>
</div>
<script src="js/area.js" type="text/javascript"></script>
<script src="js/select.js" type="text/javascript"></script>
<script type="text/javascript">
function get(){
alert($("#province").val()+$("#city").val()+$("#district").val());
}
</script>
</body>
</html>
![]()
