分别使用数组和JSON方式来实现省市级联效果

最新推荐文章于 2021-11-25 21:02:18 发布

擅长捉弄的高木同学

最新推荐文章于 2021-11-25 21:02:18 发布

阅读量2.7k

点赞数 4

本文链接：https://blog.csdn.net/weixin_44424864/article/details/101107302

版权

本文介绍如何利用数组和JSON数据结构在前端实现省市级联选择的效果。通过点击省级选项，动态加载对应的市级选项，展示了两种不同的实现方式，尽管实现代码不同，但最后都能达到相同的功能。

摘要由CSDN通过智能技术生成

在这里插入图片描述

实现的效果，当点击省级的下拉菜单中的某一个省时，在城市的下拉菜单就会出现对应的城市。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>省市级联</title>
	</head>
	<body>
		<center>
			省级：
			<select id="province" required onchange="showCity()">
				<option>--请选择--</option>
			</select>
			城市：
			<select id="city" required>
				<option>--请选择--</option>