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);
        }
    }
}