js实现省市区三级联动

夜卜_

已于 2022-04-22 15:01:24 修改

阅读量805

点赞数

文章标签： javascript

于 2022-04-21 20:04:00 首次发布

本文链接：https://blog.csdn.net/m0_68334284/article/details/124330302

版权

本文介绍如何使用JavaScript实现省市区的三级联动效果，通过代码示例展示具体实现过程，欢迎大家指正和完善。

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

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>

	<body onload="getSheng()">
		<!--省要定义一个页面加载事件-->
		省：
		<select id="sheng" onchange="getShi()">
		</select>
		市：
		<select id="shi" onchange="getQu()">
		</select>
		省：
		<select id="qu">
		</select>
	</body>
	<script type="text/javascript">
		// 定义一个地区的二维数组
		var arr = [
			// 普通id 内容 父id
			[1, "陕西省", 0],
			[2, "山西省", 0],
			[3, "河南省", 0],
			[8, "山东省", 0],

			// 西安市的父id = 陕西省的id
			[4, "西安市", 1],
			[5, "咸阳市", 1],

			// 未央区的父id = 西安市的id
			[9, "未央区", 4],
			// 盐湖区的父id = 运城市的id
			[10, "盐湖区", 6],
			[11, "秦都区", 5],

			// 运城市的父id = 山西省的id
			[6, "运城

最低0.47元/天解锁文章

夜卜_

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
js实现省市区三级联动

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>省市区三级联动</title> <script type="text/javascript"> // 定义一个二维数组，第一个值存放value，第二个放下拉框内容，第三个是二级联动的关系 var arr = [ [1, "陕西省", 0], [2, "山西.
复制链接

扫一扫