HTML实现三级联动(详细版)(省市,城市,区县 )

本文详细介绍了如何使用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],
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值