JS 案例简单的省市联动

最新推荐文章于 2024-05-22 09:19:22 发布

suiferq

最新推荐文章于 2024-05-22 09:19:22 发布

阅读量538

点赞数

分类专栏： JS 案例学习文章标签： javascript js

本文链接：https://blog.csdn.net/suiferq/article/details/115801601

版权

标题制作简单的省市联动

步骤分析：

第一步：创建一个二维数组用于存储省份和城市：

var cityList=new Array();

cityList[‘四川省’]=[‘成都市’,’泸州市’,’宜宾市’,’内江市’,’绵阳市’]

cityList[‘北京’]=[‘朝阳区’,’东城区’,’西城区’,’丰台区’]

第二步：创建省份的option元素节点

pro.add(new Option(‘四川省’,’四川省’))

第三步：确定事件（onchange）并为其绑定一个函数，如addCity()

第四步：编写addCity函数，其功能是根据选择省份，创建相应城市的option元素节点，注意每次操作前清空城市列表的option内容（city.options.length=0）

HTML代码片：

<body>
		<div>
		现居住地：
		<select id="pro">
			<option>--请选择您所在省--</option>
		<select>
		
		<select id="city">
			<option>--请选择您所在市--</option>
		<select>
	</div>

JS代码片。

最低0.47元/天解锁文章

suiferq

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
JS 案例简单的省市联动

标题制作简单的省市联动步骤分析：第一步：创建一个二维数组用于存储省份和城市：var cityList=new Array();cityList[‘四川省’]=[‘成都市’,’泸州市’,’宜宾市’,’内江市’,’绵阳市’]cityList[‘北京’]=[‘朝阳区’,’东城区’,’西城区’,’丰台区’]第二步：创建省份的option元素节点pro.add(new Option(‘四川省’,’四川省’))第三步：确定事件（onchange）并为其绑定一个函数，如addCity()第四步：编写
复制链接

扫一扫