用JS实现省市二级联动

一、需求分析

我们希望在注册页面中添加一个字段(籍贯),当用户选择一个具体的省份,在后面的下拉列表中动态加载该省份下所有的城市。显示的效果如下:

用JS实现省市二级联动_第1张图片

二、技术分析

  • 使用事件(onchange)
  • 使用一个二维数组来存储省份和城市
  • 获取用户选择的省份(使用方法传参的方式:this.value)
  • 遍历数组(获取省份与用户选择的省份比较,如果相同了,继续遍历该省份下所有的城市)
  • 创建文本节点和元素节点并进行添加操作


        createTextNode()  创建文本节点。


三、代码实现



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

你可能感兴趣的:(javaScript,html)