JavaScript实现省市二级联动

一.技术分析:

  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内容。



	
		
		注册页面重新布局
		
		
		
	
	
		
会员注册
用户名
密码
确认密码
email
姓名
籍贯
性别
出生日期
验证码


你可能感兴趣的:(JavaScript实现省市二级联动)