<html>
<head>
<title> new document </title>
<script language="javascript">
function createProvince(){
//所有省份的数组
var provinces = ['--请选择省份--','北京市', '福建省', '湖北省'];
//获取文档中省份这个列表框元素对象
var province=document.myform.province;
for(var i = 0; i < provinces.length; i++){
//往省份的选项组中添加选项
province.options.add(new Option(provinces[i], provinces[i]));
}
}
function createcity(){
var citylist = new Array();
citylist['--请选择省份--'] = ['--请选择城市--'];
citylist['北京市'] = ['东城区', '西城区', '海淀区', '朝阳区', '大兴区', '昌平区', '怀柔'];
citylist['福建省'] = ['福州市', '厦门市', '泉州市', '龙岩市', '三明市'];
citylist['湖北省'] = ['武汉', '宜昌', '襄樊', '黄石', '黄冈', '十堰'];
//获得选中的省份值
var selectedProv=document.myform.province.value;
var cityOption;
//清空城市列表框中原来的所有选项
document.myform.city.options.length=0;
//添加对应省份的所有城市
for (var city = 0; city < citylist[selectedProv].length; city++) {
//构造选项
cityOption = new Option(citylist[selectedProv][city], citylist[selectedProv][city]);
document.myform.city.options.add(cityOption);
}
}
</script>
</head>
<body οnlοad="createProvince()">
<form name="myform" >
<select name="province" id="province" οnchange="createcity()">
</select>
<select name="city" id="city">
<option>--请选择城市--</option>
</select>
</form>
</body>
</html>
<head>
<title> new document </title>
<script language="javascript">
function createProvince(){
//所有省份的数组
var provinces = ['--请选择省份--','北京市', '福建省', '湖北省'];
//获取文档中省份这个列表框元素对象
var province=document.myform.province;
for(var i = 0; i < provinces.length; i++){
//往省份的选项组中添加选项
province.options.add(new Option(provinces[i], provinces[i]));
}
}
function createcity(){
var citylist = new Array();
citylist['--请选择省份--'] = ['--请选择城市--'];
citylist['北京市'] = ['东城区', '西城区', '海淀区', '朝阳区', '大兴区', '昌平区', '怀柔'];
citylist['福建省'] = ['福州市', '厦门市', '泉州市', '龙岩市', '三明市'];
citylist['湖北省'] = ['武汉', '宜昌', '襄樊', '黄石', '黄冈', '十堰'];
//获得选中的省份值
var selectedProv=document.myform.province.value;
var cityOption;
//清空城市列表框中原来的所有选项
document.myform.city.options.length=0;
//添加对应省份的所有城市
for (var city = 0; city < citylist[selectedProv].length; city++) {
//构造选项
cityOption = new Option(citylist[selectedProv][city], citylist[selectedProv][city]);
document.myform.city.options.add(cityOption);
}
}
</script>
</head>
<body οnlοad="createProvince()">
<form name="myform" >
<select name="province" id="province" οnchange="createcity()">
</select>
<select name="city" id="city">
<option>--请选择城市--</option>
</select>
</form>
</body>
</html>
250
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
