实现二级联动菜单

最新推荐文章于 2024-05-31 10:47:24 发布

牧野风凉

最新推荐文章于 2024-05-31 10:47:24 发布

阅读量919

点赞数 1

分类专栏： Web实例

本文链接：https://blog.csdn.net/weixin_45602982/article/details/100636251

版权

所谓的二级联动菜单，就是要通过一个下拉列表的选择从而在另一个下拉列表中显示出对应的数据。在这里就简单的拿省份写了个简单的例子。通过选择一个省显示该省的市或者区。

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>4-5</title>
		<script type="text/javascript">
			var arr_province = ["请选择省/城市", "北京市", "天津市", "重庆市", "深圳市", "湖北省", "广东省"];
			var arr_city = [
				["请选择城市/地区"],
				["东城区", "西城区", "朝阳区", "宣武区", "昌平区", "大兴区", "丰台区", "海淀区"],
				['宝山区', '长宁区', '丰贤区', '虹口区', '黄浦区', '青浦区', '南汇区', '徐汇区', '卢湾区'],
				['和平区', '河西区', '南开区', '河北区', '河东区', '红桥区', '塘古区', '开发区'],
				['俞中区', '南岸区', '江北区', '沙坪坝区', '九龙坡区', '渝北区', '大渡口区', '

最低0.47元/天解锁文章

牧野风凉

关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
实现二级联动菜单

所谓的二级联动菜单，就是要通过一个下拉列表的选择从而在另一个下拉列表中显示出对应的数据。在这里就简单的拿省份写了个简单的例子。通过选择一个省显示该省的市或者区。<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>4-5</title> &lt...
复制链接

扫一扫