HTML实现三级联动（详细版）（省市，城市，区县）

最新推荐文章于 2023-09-23 13:15:52 发布

女盆友——ZY

最新推荐文章于 2023-09-23 13:15:52 发布

阅读量3.4k

点赞数 1

本文链接：https://blog.csdn.net/qq_44858151/article/details/98028797

版权

本文详细介绍了如何使用HTML来创建一个三级联动的地区选择器，涵盖了省市到区县的完整流程，包括DOM操作和事件监听等关键步骤。

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

             <!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript">
		    /*分析：
		     * 1创建html检点
		     * 2利用for循环便利出每一个数组
		     * （1）if判断所有的省市(省市是用arr[i][2]
		     * 	表示的是索引为2等于等于0的数全部便利出来)，
		     *  把省市判断出来后
		     *  (2)用一个变量把省市中的省全部显示出来
		     * （变量要是全局变量不然访问不到）
		     * （3）并赋给省市的下拉框
		     * 3(1)给省市添加一个onchange改变时内容触发
		     *  (2)便利出所有数组
		     *  （3）在数组中判断省市的value值是否等于等于
		     *    它对应的arr[i][2]的值
		     *  注：要提前在上一个城市里获取value
		     *   （4）再在里面用一个变量接收option标签
		     *    （5） 在外面用城市的innerhtml写入标签内
		     *    （6）方便进入下拉框
		     * 4获取城市的onchange内容改变时触发事件
		     * 同上
		     * 
		     * */
			window.onload=function(){
				var arr=[
				
				     [1,'陕西省',0],
				     [2,'山西省',0],
				     [3,'山东省',0],