JS简单实现三级联动效果

JS 代码

var array=new Array();
 var p;
 function accp(sheng){
     array["南京"]=new Array("宣武区");//创建二维数组
     array["徐州"]=new Array("奉贤","沛县");
     
   var strsheng=sheng.options[sheng.selectedIndex].text;
   p = document.getElementById("shi");
   
   if(strsheng=="江苏"){
     for(var a in array){//通过增强循环遍历出数组array中一维数组的值,并将其对应的数组值赋值给变量a
     p.add(new Option(a,a),null);
     }
   }
  
 }
function showc(){
    var c = document.getElementById("xian");//创建id`c的对象c
c.options.length=0;//设置对象c的下拉框的长度为0
for(var i in array[p.value]){//通过增强循环遍历出array的[p.value对应的省级]数组其市级数组的值日
c.add(new Option(array[p.value][i],array[p.value][i]),null);
}  
}


html代码

 <body>
 1
  <select id='sheng' name='sheng' οnchange="accp(this)"> 
   <option value ="moren">请选择</option>  
  <option value ="js">江苏</option>  
  <option value ="sd">山东</option>  
 
</select>


2
<select id='shi' name='shi' οnchange="showc()">  
    
</select> 
3
<select id='xian' name='xian'>  
  
</select> 
 </body>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值