JavaScript实现二级联动

最新推荐文章于 2022-04-13 21:14:20 发布

丨一笑丶奈何

最新推荐文章于 2022-04-13 21:14:20 发布

阅读量235

点赞数

<html>
<head>
<title>二级联动</title>
</head>

<body>
	<select id="a1" οnchange="addOption()"></select>
	<select id="a2"></select>
<script>
var city = new Array;        
city['江苏'] = ['请选择城市','南京', '连云港', '苏州', '镇江'];        
city['山东'] = ['请选择城市','青岛', '烟台', '济南'];         

function allCity() {            
  var select1 = document.getElementById("a1");            
  for(var i in city) {  //这里注意遍历数组的写法
    select1.add(new Option(i, i), null);
  }   
  addOption(); // 初始化选项     
}        

function addOption() {            
  var select2 = document.getElementById("a2");
  var select1 = document.getElementById("a1").value; 
  select2.length = 0; //每次都先清空一下市级菜单  
  if(select1 != '请选择省份') {                
    for(var i in city[select1 ]) {    
      select2.add(new Option(city[select1][i], city[select1][i]), null);                
    }            
  }else if (sheng == '请选择省份'){              
    select2.length = 0;           
    select2.add(new Option("请选择城市", "请选择城市"), null); 
  }      
}       
window.onload = allCity();
</script>
</body>
</html>

丨一笑丶奈何

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
JavaScript实现二级联动

二级联动 var city = new Array; city['江苏'] = ['请选择城市','南京', '连云港', '苏州', '镇江']; city['山东'] = ['请选择城市','青岛', '烟台', '济南']; function allCity() { var select1 = d
复制链接

扫一扫