js源码--简单的二级联动

< html >
< head >
< title > This is a test !</ title >
< meta http - equiv = " Content-Type "  content = " text/html; charset=gb2312 " ></ head >
< body >
< form name = " frm " >
< select id = " s1 "  onChange = " redirec(this.selectedIndex) " >
< option selected > 请选择 </ option >
< option value = " 1 " > 脚本语言 </ option >
< option value = " 2 " > 高级语言 </ option >
< option value = " 3 " > 其他语言 </ option >
</ select >

< select id = " s2 " >
< option value = " 请选择 "  selected > 请选择 </ option >
</ select >
</ form >
< script language = " javascript " >
var  s1 = document.getElementById( " s1 " );
var  s2 = document.getElementById( " s2 " );
var  select2 = new  Array();
for  (i = 0 ; i < s1.length; i ++ )
... { 
select2[i] = new Array();
}

select2[ 0 ][ 0 ]  =   new  Option( " 请选择 " ,  "   " );

select2[ 1 ][ 0 ]  =   new  Option( " PHP " ,  "   " );
select2[ 1 ][ 1 ]  =   new  Option( " ASP " ,  "   " );
select2[ 1 ][ 2 ]  =   new  Option( " JSP " ,  "   " );

select2[ 2 ][ 0 ]  =   new  Option( " C/C++ " ,  "   " );
select2[ 2 ][ 1 ]  =   new  Option( " Java " ,  "   " );
select2[ 2 ][ 2 ]  =   new  Option( " C# " ,  "   " );

select2[ 3 ][ 0 ]  =   new  Option( " Perl " ,  "   " );
select2[ 3 ][ 1 ]  =   new  Option( " Ruby " ,  "   " );
select2[ 3 ][ 2 ]  =   new  Option( " Python " ,  "   " );

function  redirec(index) ... {
s2.length=0;
    for(i=0;i<select2[index].length;i++)...{
    s2.options.add(select2[index][i])
    }
s2.options[0].selected=true;
}
</ script >
</ body >
</ html >