<!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>无标题文档</title>
</head>
<body style="text-align:center" onload="fill('province');">
省：<select id="province" onchange="fill('city');"></select>
<br /><br />
市: <select id="city" ></select>
<br /><br />
<script type="text/javascript">
var arr= new Array();//数据数组；
//定义数据：结构为：id,名字，父id；
arr[arr.length]=[1,'北京市',null];
arr[arr.length]=[2,'四川市',null];
arr[arr.length]=[3,'广东市',null];
arr[arr.length]=[4,'北京市',1];
arr[arr.length]=[5,'成都市',2];
arr[arr.length]=[6,'广州市',3];
arr[arr.length]=[7,'深圳市',3];
function fill(type){
if(type=="province")
{
var province=document.getElementById("province");
province.innerHTML="";//内容置空；
var pro="<option value=''></option>";
//遍历数组
for(var i=0;i<arr.length;i++){
var item=arr[i];
if(item[2]==null)
{
pro+='<option value="+item[0]+">'+item[1]+'</option>';
}
province.innerHTML=pro;
}
}
else if(type=="city")
{
var curr=document.getElementById("province").value;
if(curr == "")
{return false;}
var city=document.getElementById("city");
city.innerHTML="";
var citystr='<option value=""></option>';
for(var i=0;i<arr.length;i++)
{
var item=arr[i];
if(item[2]==curr)
{
citystr+='<option value="+item[0]+">'+item[1]+'</option>';
}
city.innerHTML=citystr;
}
}
}
</script>
</body>
</html>
帮我看看，调试不出来
stone310
网站程序员
相关分类