老师帮忙看下，第一次预览界面，北京市后面会出现所有的城市，要点击其他省份后，联动才正常。

来源：7-8 编程练习

vic_yang

2019-12-06 18:37:12

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>document</title>
<script type="text/javascript" src="city.js"></script>
</head>

<body>
<body onload="address()">
	<form>
		 省份：
		<!--  请在此补充代码 -->
		<select name="pro" id="pro" onchange="changePc()"></select>
		 市/区：
		 <!--  请在此补充代码 -->
		 <select name="city" id="city" ></select>
	</form>
</body>
</body>
</html>

function address(){
    /*请在此补充代码*/ 
    var pro = document.getElementById("pro");
    var city= document.getElementById("city");
    var arrayPro = new Array("北京市","天津市","河北省");
    var arrayCity = new Array("朝阳区","海淀区","开封市","西青区","邯郸市");
	for(var a=0;a<=arrayPro.length-1;a++){
        selectAdd(pro,arrayPro[a],arrayPro[a]);
    }
    for(var i=0;i<=arrayCity.length-1;i++){
        selectAdd(city,arrayCity[i],arrayCity[i]);
    }
}
function selectAdd(obj,name,value){
	/*请在此补充代码*/  
	obj.options.add(new Option(name,value));
	
}
function changePc(){
	var pro = document.getElementById("pro");
    var city= document.getElementById("city");	
	var array1=null;
	if(pro.value=="北京市"){
		array1=new Array("朝阳区","海淀区");
	}else if(pro.value=="河北省"){
		array1=new Array("开封市","邯郸市");	
	}else if(pro.value=="天津市"){
		array1=new Array("西青区");	
	}
	city.options.length=0;
	for(var i=0;i<=array1.length-1;i++){
        selectAdd(city,array1[i],array1[i]);
    }
}

写回答

1回答