本文介绍了如何使用JavaScript实现省市二级联动的功能。通过监听省份选择的onchange事件，结合一个二维数组存储的省市数据，动态生成并更新城市下拉列表。在用户选择省份后，遍历数组匹配城市，并创建新的option元素添加到城市选择框中。
一.技术分析：
1. 事件：onchange,当用户改变内容时使用这个时间，将其绑定在“省份”的下拉菜单中；
2.使用一个二维数组来存储省份和城市；
3.获取用户选择的省份，用this.value表示，定义变量val;
4.遍历数组获取省份，并与用户选择的省份比较，如果相同，则继续遍历该省份下的所有城市；
5.创建文本节点和元素节点并添加操作：
createTextNode():定义文本节点，传递城市信息。
createElement();定义元素节点“option”。
appendChild():将文本节点添加到元素节点中。
二.步骤分析
1.确定事件并为其绑定一个函数；
2.创建一个二维数组用于存储省份和城市；
3.获取用户选择的省份；
4.遍历二维数组中的省份；
5.将遍历的省份与用户选择的省份比较；
6.如果相同，遍历该省份下的城市；
7.创建城市文本节点；
8.创建option元素节点；
9.将城市文本节点添加到option元素节点中去；
10.获取第二个（城市）下拉列表，并将option元素节点添加进去；
11.每次操作第十步前晴空第二个下拉列表的option内容。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>注册页面重新布局</ti
最低0.47元/天 解锁文章
扫一扫
892
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
