javascript的级联操作

如何在javascript脚本中获得从action中传的集合值，在以下拉列表的级联显示，如何操作，我一直都没想明白，请大家帮帮忙，谢谢。如何有示例，麻烦传一份，谢谢。

解决方案 »

  1.   

    ajax就是用的javascript
    上网找两个例子看看
    建议用框架（jquery）  很方便
    搜索这个关键字“级联刷新 ajax”
      

  2.   

    谢谢啊！那如果不用ajax那该怎么做啊！
      

  3.   

    不用ajax  就一次全部查出来
      

  4.   

      一次全部查出来，级联怎么做出来？
      在这<script></script>对能获取集合的值吗?怎么遍历。
      我这个一直没想明白，呵呵
      

  5.   

    给你个静态的 自己再改成动态的吧！祝你成功！
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
    <HEAD>
    <TITLE> New Document </TITLE>
    </HEAD>
    <BODY>
    <select id="menu1">
    <option >请选择</option>
    <option value='一年级'>一年级</option>
    <option value='二年级'>二年级</option>
    <option value='三年级'>三年级</option>
    <option value='四年级'>四年级</option>
    <option value='五年级'>五年级</option>
    <option value='六年级'>六年级</option>
    <option value='办公室'>办公室</option>
    <option value='专用室'>专用室</option>
    </select>
    <select id=department>
    <option>--</option>
    </select>
    </BODY>
    </HTML>
    <script type="text/javascript">
    var menu1=document.getElementById('menu1');
    var department=document.getElementById('department');
    menu1.onchange=function(){
     if(menu1.value=='一年级'){
      department.options.length=0;
      department.options.add(new Option('一（1）','一（1）'));
      department.options.add(new Option('一（2）','一（2）'));
      department.options.add(new Option('一（3）','一（3）'));
      department.options.add(new Option('一（4）','一（4）'));
      department.options.add(new Option('一（5）','一（5）'));
      department.options.add(new Option('一（6）','一（6）'));
      department.options.add(new Option('一（7）','一（7）'));
      department.options.add(new Option('一（8）','一（8）'));
     }
     else if(menu1.value=='二年级'){
      department.options.length=0;
      department.options.add(new Option('二（1）','二（1）'));
      department.options.add(new Option('二（2）','二（2）'));
      department.options.add(new Option('二（3）','二（3）'));
      department.options.add(new Option('二（4）','二（4）'));
      department.options.add(new Option('二（5）','二（5）'));
      department.options.add(new Option('二（6）','二（6）'));
      department.options.add(new Option('二（7）','二（7）'));
      department.options.add(new Option('二（8）','二（8）'));
     }
     else if(menu1.value=='三年级'){
      department.options.length=0;
      department.options.add(new Option('三（1）','三（1）'));
      department.options.add(new Option('三（2）','三（2）'));
      department.options.add(new Option('三（3）','三（3）'));
      department.options.add(new Option('三（4）','三（4）'));
      department.options.add(new Option('三（5）','三（5）'));
      department.options.add(new Option('三（6）','三（6）'));
      department.options.add(new Option('三（7）','三（7）'));
      department.options.add(new Option('三（8）','三（8）'));
     }
     else if(menu1.value=='四年级'){
      department.options.length=0;
      department.options.add(new Option('四（1）','四（1）'));
      department.options.add(new Option('四（2）','四（2）'));
      department.options.add(new Option('四（3）','四（3）'));
      department.options.add(new Option('四（4）','四（4）'));
      department.options.add(new Option('四（5）','四（5）'));
      department.options.add(new Option('四（6）','四（6）'));
      department.options.add(new Option('四（7）','四（7）'));
      department.options.add(new Option('四（8）','四（8）'));
     }
     else if(menu1.value=='五年级'){
      department.options.length=0;
      department.options.add(new Option('五（1）','五（1）'));
      department.options.add(new Option('五（2）','五（2）'));
      department.options.add(new Option('五（3）','五（3）'));
      department.options.add(new Option('五（4）','五（4）'));
      department.options.add(new Option('五（5）','五（5）'));
      department.options.add(new Option('五（6）','五（6）'));
      department.options.add(new Option('五（7）','五（7）'));
      department.options.add(new Option('五（8）','五（8）'));
     }
     else if(menu1.value=='六年级'){
      department.options.length=0;
      department.options.add(new Option('六（1）','六（1）'));
      department.options.add(new Option('六（2）','六（2）'));
      department.options.add(new Option('六（3）','六（3）'));
      department.options.add(new Option('六（4）','六（4）'));
      department.options.add(new Option('六（5）','六（5）'));
      department.options.add(new Option('六（6）','六（6）'));
      department.options.add(new Option('六（7）','六（7）'));
      department.options.add(new Option('六（8）','六（8）'));
     }
     else if(menu1.value=='办公室'){
      department.options.length=0;
      department.options.add(new Option('校长室','校长室'));
      department.options.add(new Option('办公室','办公室'));
      department.options.add(new Option('会计室','会计室'));
      department.options.add(new Option('人事室','人事室'));
      department.options.add(new Option('退教办公室','退教办公室'));
      department.options.add(new Option('档案室','档案室'));
      department.options.add(new Option('教科室','教科室'));
      department.options.add(new Option('教导处','教导处'));
      department.options.add(new Option('总务处','总务处'));
      department.options.add(new Option('文印室','文印室'));
      department.options.add(new Option('图书室','图书室'));
      department.options.add(new Option('阅览室','阅览室'));
      department.options.add(new Option('体育办公室','体育办公室'));
      department.options.add(new Option('第一办公室','第一办公室'));
      department.options.add(new Option('第二办公室','第二办公室'));
      department.options.add(new Option('第三办公室','第三办公室'));
      department.options.add(new Option('第四办公室','第四办公室'));
      department.options.add(new Option('第五办公室','第五办公室'));
      department.options.add(new Option('第六办公室','第六办公室'));
      department.options.add(new Option('电教办公室','电教办公室'));
     }
     else if(menu1.value=='专用室'){
      department.options.add(new Option('仪器室','仪器室'));
      department.options.add(new Option('报告厅','报告厅'));
      department.options.add(new Option('广播室','广播室'));
      department.options.add(new Option('心灵家园','心灵家园'));
      department.options.add(new Option('退教活动室','退教活动室'));
      department.options.add(new Option('科学实验室1','科学实验室1'));
      department.options.add(new Option('科学实验室2','科学实验室2'));
      department.options.add(new Option('音乐教室1','音乐教室1'));
      department.options.add(new Option('音乐教室2','音乐教室2'));
      department.options.add(new Option('音乐教室3','音乐教室3'));
      department.options.add(new Option('音乐教室4','音乐教室4'));
      department.options.add(new Option('音乐教室5','音乐教室5'));
      department.options.add(new Option('美术教室1','美术教室1'));
      department.options.add(new Option('美术教室2','美术教室2'));
      department.options.add(new Option('书法教室','书法教室'));
      department.options.add(new Option('队室','队室'));
      department.options.add(new Option('科技展室','科技展室'));
      department.options.add(new Option('劳技室','劳技室'));
     }
     else{
      department.options.length=0;
      department.options.add(new Option("--",""));
     }
    }
    </script>
      

  6.   

    直接嵌套java代码可以啊 把操作放到java代码里
      

  7.   

    如果操作数据库话，就用Ajax吧
      

  8.   


    用jstl或struts标签去实现，不难！