javascript 菜单三级联动

//  JavaScript Document

var  arrTypes  =   new  Array();
arrTypes[
0 =  [ 1 , " 儿童分类1 " , 0 ];
arrTypes[
1 =  [ 2 , " 妇科分类2 " , 0 ];
arrTypes[
2 =  [ 3 , " 内科分类3 " , 0 ];

arrTypes[
3 =  [ 4 , " 儿科二级分类3 " , 1 ];
arrTypes[
4 =  [ 5 , " 儿科二级分类4 " , 1 ];
arrTypes[
5 =  [ 6 , " 妇科二级分类5 " , 2 ];


arrTypes[
6 =  [ 7 , " 儿科三级分类7 " , 4 ];
arrTypes[
7 =  [ 8 , " 儿科三级分类8 " , 4 ];
arrTypes[
8 =  [ 9 , " 儿科三级分类9 " , 5 ];
arrTypes[
9 =  [ 10 , " 儿科三级分类10 " , 5 ];
arrTypes[
10 =  [ 11 , " 妇科三级分类11 " , 6 ];
arrTypes[
11 =  [ 12 , " 内科二级分类12 " , 3 ];
arrTypes[
12 =  [ 13 , " 独自一类 " , 0 ];
document.write(
" <select name=type1 id=type1 οnchange='changetype(this.value,2)'></select> " );
document.write(
" <select name=type2 id=type2 οnchange='changetype(this.value,3)' style="display:'none';"></select> " );
document.write(
" <select name=type3 id=type3 style="display:'none';"></select> " );

select1
= document.getElementById( " type1 " );
for ( var  i = 0 ; i < arrTypes.length; i ++ )
{
    
if(arrTypes[i][2]==0)
    
{
        selectcurr 
= document.getElementById("type1");
        newitem 
= new Option(arrTypes[i][1],arrTypes[i][0]);
        selectcurr.options.add(newitem);
    }

}

changetype(select1.options[
0 ].value, 2 );
function  changetype(uid,deep)
{
    selectcurr 
= document.getElementById("type"+deep);
    
if(selectcurr)
    
{
        
var ln = selectcurr.options.length;
        
var len = 0;
        
while (ln--)
        
{
          selectcurr.options[ln] 
= null;
        }

        
        
for(var i=0; i<arrTypes.length; i++)
        
{
            
if(arrTypes[i][2]==uid)
            
{
                newitem 
= new Option(arrTypes[i][1],arrTypes[i][0]);
                selectcurr.options.add(newitem);
                selectcurr.style.display
='';
                len
++;
            }

        }

        
        
if(len==0)
        
{
            selectcurr.style.display
='none';
            selectcurr2 
= document.getElementById("type3");
            selectcurr2.style.display
='none';
        }

        
if(deep==2 && len>0)
        
{
            changetype(selectcurr.options[
0].value,deep+1);
        }

    }

}
 
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值