省市级联菜单

最新推荐文章于 2021-07-19 11:04:22 发布

黎明的灯火

最新推荐文章于 2021-07-19 11:04:22 发布

阅读量361

点赞数

本文链接：https://blog.csdn.net/u011565463/article/details/51755290

版权

省市级联菜单

<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>

黎明的灯火

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
省市级联菜单

省市级联菜单 new document function createProvince(){ //所有省份的数组 var provinces = ['--请选择省份--','北京市', '福建省', '湖北省']; //获取文档中省份这个列表框元素对象 var province=document.myform.pro
复制链接

扫一扫