<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>注册</title>
<style type="text/css">
#selectCity{
height: 30px;
width: 140px;
}
#selectArea{
height: 30px;
width: 140px;
}
</style>
<script>
function $$(id){//获得ID的方法
return document.getElementById(id);
}
var selectDefault="";//定义一个空值
window.οnlοad=function(){
selectDefault = $$("selectArea").children[0]//找到第一个元素
}
function changeCity(obj){
var selectValue = obj.value;//得到选择的值
//清理之前的所有下拉地区的数据
$$("selectArea").options.length = 0;
switch (selectValue){
case "1":
$$("selectArea").appendChild(selectDefault);
break;
case "2":
//上海有那些地区
var shanghai = new Array("浦东新区","嘉定区","闵行区");//在JS中定义数组
for(var i = 0;i<shanghai.length;i++){
var getArea = shanghai[i];//赋值
var createElement = document.createElement("option");
createElement.innerText = getArea;
$$("selectArea").appendChild(createElement);
}
break;
case "3":
//北京有那些地区
var beijing = new Array("海淀区","朝阳区","东城区");//在JS中定义数组
for(var i = 0;i<beijing.length;i++){
var get
<html>
<head lang="en">
<meta charset="UTF-8">
<title>注册</title>
<style type="text/css">
#selectCity{
height: 30px;
width: 140px;
}
#selectArea{
height: 30px;
width: 140px;
}
</style>
<script>
function $$(id){//获得ID的方法
return document.getElementById(id);
}
var selectDefault="";//定义一个空值
window.οnlοad=function(){
selectDefault = $$("selectArea").children[0]//找到第一个元素
}
function changeCity(obj){
var selectValue = obj.value;//得到选择的值
//清理之前的所有下拉地区的数据
$$("selectArea").options.length = 0;
switch (selectValue){
case "1":
$$("selectArea").appendChild(selectDefault);
break;
case "2":
//上海有那些地区
var shanghai = new Array("浦东新区","嘉定区","闵行区");//在JS中定义数组
for(var i = 0;i<shanghai.length;i++){
var getArea = shanghai[i];//赋值
var createElement = document.createElement("option");
createElement.innerText = getArea;
$$("selectArea").appendChild(createElement);
}
break;
case "3":
//北京有那些地区
var beijing = new Array("海淀区","朝阳区","东城区");//在JS中定义数组
for(var i = 0;i<beijing.length;i++){
var get