<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>地区选择2</title>
<script>
var arrprovince = new Array("湖南", "广西", "广东");
var arrcity = new Array(
new Array("长沙市", "湘潭市", "株洲市"),
new Array("南宁市", "柳州市", "桂林市"),
new Array("广州市", "东莞市", "惠州市")
);
var arrqu = new Array(
new Array(
new Array("雨花区", "天心区", "岳麓区"),
new Array("芦淞区", "荷塘区", "石峰区", "天元区", "云龙区"),
new Array("岳塘区", "雨湖区", "九华区")
),
new Array(
new Array("武昌区", "汉阳区", "青山区"),
new Array("荆州区", "沙市区"),
new Array("夷陵区", "西陵区", "伍家岗区")
),
new Array(
new Array("天河区", "越秀区", "白云区", "花都区"),
new Array("罗湖区", "福田区", "南山区", "盐田区", "宝安区", "龙岗区"),
new Array("浈江区", "武江区", "曲江区")
)
);
//添加省
function addProvince(){
//将select长度置1即只保留第一个option
selectP.length=1;
for(var i=0;i < arrprovince.length;i++){
//添加option选项
selectP.add(new Option(arrprovince[i]));
}
}
function addcity(){
selectC.length=1;
//得到所点击的当前的省的索引selectP.selectedIndex-1
//得到当前的市的数组的第一个值，这个值是一个数组
var nowcity=arrcity[selectP.selectedIndex-1];
//循环输出更改得到的nowcity的数组的值
for(var i=0;i<nowcity.length;i++){
selectC.add(new Option(nowcity[i]));
}
}
function addshiqu(){
selectQ.length=1;
//获取省的索引
var v1=selectP.selectedIndex-1;
//获取市索引
var v2=selectC.selectedIndex-1;
for(var i=0;i<arrqu[v1][v2].length;i++){
selectQ.add(new Option(arrqu[v1][v2][i]))
}
}
</script>
</head>
<body οnlοad="addProvince()">
<select id="selectP" οnchange="addcity()">
<option>--省--</option>
</select>
<select id="selectC" οnchange="addshiqu()">
<option>--市--</option>
</select>
<select id="selectQ">
<option>--区--</option>
</select>
</body>
</html>
"http://www.w3.org/TR/html4/strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>地区选择2</title>
<script>
var arrprovince = new Array("湖南", "广西", "广东");
var arrcity = new Array(
new Array("长沙市", "湘潭市", "株洲市"),
new Array("南宁市", "柳州市", "桂林市"),
new Array("广州市", "东莞市", "惠州市")
);
var arrqu = new Array(
new Array(
new Array("雨花区", "天心区", "岳麓区"),
new Array("芦淞区", "荷塘区", "石峰区", "天元区", "云龙区"),
new Array("岳塘区", "雨湖区", "九华区")
),
new Array(
new Array("武昌区", "汉阳区", "青山区"),
new Array("荆州区", "沙市区"),
new Array("夷陵区", "西陵区", "伍家岗区")
),
new Array(
new Array("天河区", "越秀区", "白云区", "花都区"),
new Array("罗湖区", "福田区", "南山区", "盐田区", "宝安区", "龙岗区"),
new Array("浈江区", "武江区", "曲江区")
)
);
//添加省
function addProvince(){
//将select长度置1即只保留第一个option
selectP.length=1;
for(var i=0;i < arrprovince.length;i++){
//添加option选项
selectP.add(new Option(arrprovince[i]));
}
}
function addcity(){
selectC.length=1;
//得到所点击的当前的省的索引selectP.selectedIndex-1
//得到当前的市的数组的第一个值，这个值是一个数组
var nowcity=arrcity[selectP.selectedIndex-1];
//循环输出更改得到的nowcity的数组的值
for(var i=0;i<nowcity.length;i++){
selectC.add(new Option(nowcity[i]));
}
}
function addshiqu(){
selectQ.length=1;
//获取省的索引
var v1=selectP.selectedIndex-1;
//获取市索引
var v2=selectC.selectedIndex-1;
for(var i=0;i<arrqu[v1][v2].length;i++){
selectQ.add(new Option(arrqu[v1][v2][i]))
}
}
</script>
</head>
<body οnlοad="addProvince()">
<select id="selectP" οnchange="addcity()">
<option>--省--</option>
</select>
<select id="selectC" οnchange="addshiqu()">
<option>--市--</option>
</select>
<select id="selectQ">
<option>--区--</option>
</select>
</body>
</html>
2852
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
