数据量多的话,可以用xmlhttp实现无刷新。
可以参考csdn中的树形菜单,它不是一次全部加载的.

解决方案 »

  1.   

    <select onchange="refreshSelect2(this.value)" id="Select1">[options...]</select>
    <select id="Select2">[options...]</select>
    <script language="JavaScript">
    function refreshSelect2(value) {
        clearSelect2();
        if (value == [value1]) {
            document.getElementById("Select2").options.add(new Option("name1", "value1");
            document.getElementById("Select2").options.add(new Option("name2", "value2");
            document.getElementById("Select2").options.add(new Option("name3", "value3");
        } [else...]
    }function clearSelect2() {
        var i;
        for (i=document.getElementById("Select2").length - 1; i>=0; i--) {
            document.getElementById("Select2").options.remove(i);
        }
    }
    </script>
      

  2.   

    YidingHe(机枪兵):这样虽然能够解决,但是数据量太大的话,页面显示就会非常的慢。
     johnpanq(飞花逐月) :有没有例子?
      

  3.   

    johnpanq(飞花逐月):数据量多的话,可以用xmlhttp实现无刷新。
    可以参考csdn中的树形菜单,它不是一次全部加载的.
    ------------------------------------------------
    有没有csdn中的树形菜单的原代码啊
      

  4.   

    数据量不多时,可以用以下这种方法
    用php生成注释中的那段javascript代码(即生成js数组),然后用js实现联动。
    <html>
    <head>
    <!-- 用php生成以下这段JS代码 -->
    <script language="javascript">
    var depart = Array();
    depart[0] = '部门1';
    depart[1] = '部门2'var group  = Array();
    group[0] = Array();
    group[1] = Array();group[0][0] = 'A';
    group[0][1] = 'B';
    group[1][0] = 'C';
    group[1][1] = 'D';
    </script>
    <!-- 用php生成以上这段JS代码 -->
    <script language="javascript">
    //加载部门
    function loadDepart()
    {
    for(var i in depart)
    {
    form1.department.add(new Option(depart[i],i));
    }
    }
    //加载所选部门的组
    function loadGroup(did)
    {
    form1.group.length = 1;
    for(var i in group[did])
    {
    form1.group.add(new Option(group[did][i],i));
    }

    }
    </script>
    </head>
    <body onload="loadDepart();">
    <form name="form1">
    部门:<select name="department" onChange="loadGroup(this.value)"><option value=''>请选择部门</option></select>
    <p>
     组:<select name="group"><option value=''>请选择组</option></select>
    </form>
    </body>
    </html>