想知道错误原因

最新推荐文章于 2022-08-02 03:45:50 发布

rainbowsuger

最新推荐文章于 2022-08-02 03:45:50 发布

阅读量227

点赞数

本文链接：https://blog.csdn.net/rainbowsuger/article/details/78587381

版权

<html>
<head>
<meta charset="utf-8">
<title>省市联动</title>
<style>

</style>
<script type="text/javascript">
var arr=["中国","美国","日本"];
arr["中国"]=["北京","上海","陕西"];
arr["美国"]=["纽约","华盛顿","旧金山"];
arr["日本"]=["东京","大阪","神户"];

arr["北京"]=["朝阳区","海定区","丰台区"];
arr["上海"]=["浦东区","金山区","浦西区"];
arr["陕西"]=["西安市","延安市","榆林市"];

arr["纽约"]=["曼哈顿","布鲁克林","皇后区"];
arr["华盛顿"]=["哥伦比亚","白宫","国会大厦"];
arr["旧金山"]=["唐人街","金门大桥","渔人码头"];

arr["东京"]=["东京塔","浅草寺","东京迪士尼"];
arr["大阪"]=["大阪城","环球影视","心斋桥"];
arr["神户"]=["神户港","有马温泉","六甲山"];

function init(){
//添加国家
addArr(arr,"country");
addArr(arr[arr[0]],"province");
addArr(arr[arr[arr[0]][0]],"area");
function addArr(arr,id){
document.getElementById(id).options.length=0;
for(var i=0;i<arr.length;i++){

//var option=new Option();
// option.text=arr[i];
//option.value=arr[i];

var option=new Option(arr[i],arr[i]);
document.getElementById(id).options.add(option);
}
}

function changePro(coun){
addArr(arr[coun],"province");
addArr(arr[coun][0],"area");
}
function changeArea(pro){
addArr(arr[pro],"area");
}

}
</script>
</head>
<body οnlοad="init()">
国家： <select id="country" οnchange="changePro(this.value)"></select>
省市： <select id="province" οnchange="changeArea(this.value)"></select>
地区： <select id="area"></select>

</body>
</html>