Layui 省市三级联动插件 

<!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 " onclick="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>

Layui省市三级联动下载icon-default.png?t=M0H8https://download.csdn.net/download/tanqingfu1/12316203?spm=1001.2014.3001.5503

posted @ 2022-08-04 19:12  码奴生来只知道前进~  阅读(10)  评论(0)    收藏  举报