关于这个2级联动下拉框

关于这个2级联动下拉框，下面的该怎么编啊
<script language="javascript">
<!--
var where=new array(15);
 function   comefrom(yuan,xi)   {   this.yuan  =  yuan;   this.xi  =  xi;   }   
 where[0]=new comefrom("请选择相应的学院","请选择相应的系"）;
 where[1]=new comefrom("机电工程学院","|机电控制工程系|动力机械系|车辆与动力工程系|航空宇航工程系"）;
 where[2]=new comefrom("机械工程与自动化学院","|机械工程系|工业工程系|过程控制系|机械自动化系"）;
 where[3]=new comefrom("材料科学与工程学院","|材料加工工程系|材料科学系"）;
 where[4]=new comefrom("化工与环境学院","|化学工程系|环境工程系|安全工程系|生命科学系"）;
 where[5]=new comefrom("信息与通信工程学院","|电子工程系|信息工程系|通信工程系|电气工程系|光电工程系"）;
 where[6]=new comefrom("电子与计算机科学技术学院","|计算机科学与计算系|电子科学与计算系|网络工程系"）;
 where[7]=new comefrom("理学院","|数学系|物理系|化学系|力学系|土木工程系"）;
 where[8]=new comefrom("人文社会科学学院","|新闻传播系|外语系|政治与行政管理系|法学系"）;
 where[9]=new comefrom("经济与管理学院","|经济学系|管理学系"）;
 where[10]=new comefrom("体育与艺术学院","|体育系|音乐系|艺术系"）;
 where[11]=new comefrom("研究生院","--"）;
 where[12]=new comefrom("软件职业技术学院","--"）;
 where[13]=new comefrom("后备军官学院","--"）;
 where[14]=new comefrom("成教学院",""）;
 where[15]=new comefrom("信息商务学院","--"）;
 function select() { 

解决方案 »

  1.   

    <script language="javascript">
    <!--
    var subcat = new Array();
    subcat[0] = new Array('10','1','=1')
    subcat[1] = new Array('10','2','=2')
    subcat[2] = new Array('10','3','=3')
    subcat[3] = new Array('10','4','=4')
    subcat[4] = new Array('10','5','=5')
    subcat[5] = new Array('10','6','=6')
    subcat[6] = new Array('10','7','=7')
    subcat[7] = new Array('10','8','=8')
    subcat[8] = new Array('10','9','=9')
    subcat[9] = new Array('10','10','=10')
    subcat[10] = new Array('20','11','=11')
    subcat[11] = new Array('20','12','=12')
    subcat[12] = new Array('20','13','=13')
    subcat[13] = new Array('20','14','=14')
    subcat[14] = new Array('20','15','=15')
    subcat[15] = new Array('20','16','=16')
    subcat[16] = new Array('20','17','=17')
    subcat[17] = new Array('20','18','=18')
    subcat[18] = new Array('20','19','=19')
    subcat[19] = new Array('20','20','=20')
    function changeselect1(locationid)
    {
            document.form1.s2.length = 0;                              //初始化下拉列表 清空下拉数据
            document.form1.s2.options[0] = new Option('==请选择==',''); //给第一个值
            for (i=0; i<subcat.length; i++)                            //legth=20
            {
                    if (subcat[i][0] == locationid)                    //[0] [1] 第一列 第二列 
                    {document.form1.s2.options[document.form1.s2.length] = new Option(subcat[i][1], subcat[i][2]);}                                    //建立option
        //第一次 length=1 因为有==请选择==
        //i=9时 length= 10 值有11个 因为从0数起 subcat[i][0] == locationid屏蔽了再写
            }
    }
    //-->
    </script><form name="form1">
    二级联动：<select name="s1" onChange="changeselect1(this.value)">
    <option>==请选择==</option>
    <option value="10">1-10</option>
    <option value="20">11-20</option>
    </select><select name="s2" onChange="alert(this.value)"> 
    <option>==请选择==</option>
    </select></form>看看这个JS
      

  2.   

    凑个热闹！~
    <body>
    yuan<select onchange="select()" id='y'></select>xi<select id='x'></select>
    <script language="javascript">  
    function $(Id){return document.getElementById(Id)}
    var where=new Array(15); 
    function comefrom(yuan,xi){this.yuan=yuan;this.xi=xi;}  
    where[0] =new comefrom("请选择相应的学院","请选择相应的系")
    where[1] =new comefrom("机电工程学院","机电控制工程系|动力机械系|车辆与动力工程系|航空宇航工程系"); 
    where[2]=new comefrom("机械工程与自动化学院","机械工程系|工业工程系|过程控制系|机械自动化系"); 
    where[3]=new comefrom("材料科学与工程学院","材料加工工程系|材料科学系"); 
    where[4]=new comefrom("化工与环境学院","化学工程系|环境工程系|安全工程系|生命科学系"); 
    where[5]=new comefrom("信息与通信工程学院","电子工程系|信息工程系|通信工程系|电气工程系|光电工程系"); 
    where[6]=new comefrom("电子与计算机科学技术学院","计算机科学与计算系|电子科学与计算系|网络工程系"); 
    where[7]=new comefrom("理学院","数学系|物理系|化学系|力学系|土木工程系"); 
    where[8]=new comefrom("人文社会科学学院","新闻传播系|外语系|政治与行政管理系|法学系"); 
    where[9]=new comefrom("经济与管理学院","经济学系|管理学系"); 
    where[10]=new comefrom("体育与艺术学院","体育系|音乐系|艺术系"); 
    where[11]=new comefrom("研究生院","--"); 
    where[12]=new comefrom("软件职业技术学院","--"); 
    where[13]=new comefrom("后备军官学院","--"); 
    where[14]=new comefrom("成教学院",""); 
    where[15]=new comefrom("信息商务学院","--"); function init(){
    for(var i =0;i<where.length;i++)
    {
     $('y').options.add(new Option(where[i].yuan,i))
    }
    select()
    }
    function select(){
    $('x').options.length =0;
    var str = where[$('y').selectedIndex].xi
        arr = str.split('|')
        var arr = str.split('|')
        for(var i=0;i<arr.length;i++)
    {
    $('x').options.add(new Option(arr[i],i))
    }
    } 
    init();
    </script>
    </body>