英雄请进....一个联动的问题！！！

大哥们请问一个下拉列表联动的问题。
比如我有这样一些数据:下拉列表中有A,B,C,D
A:下面要有a,b,c,d
B:下面要有e,f,g,h
C:下面要有i,j,k,l
D:下面要有m,n,o,p
这些数据互动，当点A时，第二个下拉列表显示a,b,c,d
依次类推
怎么写。。

解决方案 »

  1.   

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//ZH-CN" "http://www.w3.org/TR/html4/strict.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gbk"/>

    <script type="text/javascript">
    var myArrays=[["a","b","c","d"],["e","f","g","h"],
    ["i","j","k","l"]];
    function getSelect2(){
    var select1=document.getElementById("select1");
    var select2=document.getElementById("select2");
    select2.length=0;
    var myArray=myArrays[select1.selectedIndex];
    for(;select2.length<myArray.length;){
    select2.options[select2.length]=new Option(myArray[select2.length],select2.length);
    }
    }
    </script>

    <title>DoubleSelect</title>
    </head>
    <body onload="getSelect2()">
    <select id="select1" onchange="getSelect2()">
    <option>A</option>
    <option>B</option>
    <option>C</option>
    </select>
    <select id="select2">
    </select>
    </body>
    </html>
      

  2.   

    动态的？
    给你思路
    查询给出第一个下拉列表值
    然后其onchange事件出发以该值为条件的第2次查询。得出结果填充第2个下拉列表
    依此类退
    静态没什么好说的。用innerHTML实现吧