一.技术分析:
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