首先写一个js文件，areaLocation.js:
var
provinceArray=
new
Array()
provinceArray=[
{"pname":"江苏",
"country":[
{
"cname":"南京市",
"town":["玄武区","白下区","秦淮区","建邺区","雨花台","江宁区",
"六合区","溧水县","高淳县"]},
{
"cname":"南通市",
"town":["崇川区","港闸区","启东市","如皋市","通州市","海门市","海安县","如东县"]
},
{
"cname":"苏州市",
"town":["金阊区","沧浪区","平江区","虎丘区","吴中区","张家港","昆山市","吴江市","太仓市"]
}
]
},
{"pname":"上海",
"country":[
{
"cname":"上海市",
"town":["徐汇区","普陀区","杨浦区","虹口区","卢湾区","浦东区","黄浦区","长宁区","闸北区","静安区","闵行区","松江区"]
}
]
}
]
function
areaInitialize(){
province.length=1
for(var
i
=
0i<provinceArray.lengthi++){
var
pro
=
provinceArray[i].pname
province.options[province.length]
=
new
Option(pro,pro)
}
}
function
changeCLocation(id,city){
//alert(id)
city.length
=
0
if(id>0){
var
j=id-1
var
i
var
countrys
=
new
Array()
countrys
=
provinceArray[j].country
city.options[0]
=
new
Option('不限','')
for
(i=0i
<
countrys.length
i++){
var
cname
=
countrys[i].cname
city.options[city.length]
=
new
Option(cname,
cname)
}
changeTLocation(id,1,town)
}else
if(id==0){
city.length
=
0
town.length
=
0
city.options[city.length]
=
new
Option('不限','')
town.options[town.length]
=
new
Option('不限','')
}
}
function
changeTLocation(pid,cid,town){
//alert(cid)
var
countrys
=
new
Array()
var
towns
=
new
Array()
town.length
=
0
var
i
countrys
=
provinceArray[pid-1].country
areaId
=
countrys[cid-1].areaId
towns
=
countrys[cid-1].town
city.options[0]
=
new
Option('不限','')
town.options[0]
=
new
Option('不限','')
for
(i=0i
<
towns.length
i++){
var
tname
=
towns[i]
town.options[town.length]
=
new
Option(tname,tname)
}
town.options[0]
=
new
Option('不限','')
}
2.
再写一个html页面：
<!DOCTYPE
HTML
PUBLIC
"-//W3C//DTD
HTML
4.01
Transitional//EN">
<html>
<head>
<script
type="text/javascript"
></script>
<script
type="text/javascript">
window.onload=areaInitialize()
</script>
</head>
<body>
<select
size="1">
<option
value=0
selected>--请选择--</option>
</select>
<select
size="1"
>
<option
value=0
selected>--请选择--</option>
</select>
<select
size=1>
<option
value=0
selected>--请选择--</option>
</select>
</body>
</html>
中国历史不平等条约1 中英南京条约 1842年8月29日签订
2 中美《望厦条约》 1844年7月3日签订
3 中法《黄浦条约》1844年10月24日签订
4 中英《天津条约》1858年6月26日签订
5 中法《天津条约》1858年6月27日签订
6 中俄《瑷珲条约》1858年5月签订
7 中俄《天津条约》1858后6月13日签订
8 中美《天津条约》1858年6月18日签订
9 中英《北京条约》1860年10月24日签订
10 中法《北京条约》 1860年11月2日签订
11 中俄《北京条约》 1860年11月2日签订
12 中美《续增条约》 1868年7月28日签订
13 中葡《天津条约》 1887年12月1日签订
14 中俄《伊犁条约》1881年2月24日签订
15 中英《烟台条约》或称《滇案条约》，1876年9月13日签订
16 中法《会议简明条约》1884年5月11日签订
17 《中法新约》又称《越南条约》，1885年6月9日签订
18 中日《马关条约》1895年4月17日签订
19 中日《交收辽南条约》1895年11月8日签订
20 《辛丑条约》1901年9月7日
如果想了解各个不平等条约的详细信息,可以上
http://www.jsyhzx.com/lishi/Article_Print.asp?ArticleID=352
