现在的位置: 首页 > 综合 > 正文

三级联动菜单js脚本

2013年12月02日 ⁄ 综合 ⁄ 共 1690字 ⁄ 字号 评论关闭

<script language = "JavaScript">
var onecount;
onecount=0;
sub2 = new Array();
sub2[0] = new Array('1','1','a1');
sub2[1] = new Array('2','1','a2');
sub2[2] = new Array('3','1','a3');
sub2[3] = new Array('4','2','b1');
sub2[4] = new Array('5','2','b2');
sub2[5] = new Array('6','3','c1');
sub2[6] = new Array('7','3','c2');

onecount=7;

sub3 = new Array();
sub3[0] = new Array('1','1','#1');
sub3[1] = new Array('2','2','#2');
sub3[2] = new Array('3','3','#3');
sub3[3] = new Array('1','4','#4');
sub3[4] = new Array('2','5','#5');
sub3[5] = new Array('1','6','#6');
sub3[6] = new Array('2','7','#7');

twocount=7;

function changeone(locationid)
    {
    document.all.s2.length = 0;
    var locationid=locationid;
    var i;
    for (i=0;i < onecount; i++){
     if (locationid=="*"){
     document.all.s2.options[document.all.s2.length] = new Option(sub2[i][2], sub2[i][0]);
     }    
     else{     
    if (sub2[i][1] == locationid){
     document.all.s2.options[document.all.s2.length] = new Option(sub2[i][2], sub2[i][0]);
    }       
     }
    }
 changetwo(document.all.s2.options[0].value)
}
function changetwo(locationid)
    {
    document.all.s3.length = 0;
    var locationid=locationid;
    var i;
    for (i=0;i < twocount; i++){
     if (locationid=="*"){
     document.all.s3.options[document.all.s3.length] = new Option(sub3[i][2], sub3[i][0]);
     }    
     else{     
    if (sub3[i][1] == locationid){
     document.all.s3.options[document.all.s3.length] = new Option(sub3[i][2], sub3[i][0]);
    }       
     }
    }
}
</script>
</head>

<body onload="changeone('1')">
<select name="s1" size="1" id="s1" onChange="changeone(this.value)">
<option value="1" selected>1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
<select name="s2" size="1" id="s2" onChange="changetwo(this.value)">
</select>
<select name="s3" size="1" id="s3">
</select>

 

抱歉!评论已关闭.