网页上元素的关联

在一张编辑用户信息的页面中（jsp）,有一项是两个select 标签：
<select name="dept">
<option>所在学院</option>
</select><select name="spe">
<option>所属专业</option>
</select>
在对应servlet跳转到本页面之前，就已经从数据库中取得了所有学院和专业，那么在本页面中，如何实现当用户在学院下拉列表中选择一个学院时，右边的专业列表根据用户选择的学院，动态地显示出对应学院下的所有专业？注意：所有学院和专业的名称都已经获得，并通过request.setAttribute()存放了起来。所以，在本页面如何实现动态地让
学院列表和专业列表关联起来？

解决方案 »

  1.   


    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <html>
     <head>
      <title> new document </title>
    <script type="text/javascript">
    window.onload=function(){
    document.getElementById("a2").selected=true;
    }
    </script> </head> <body>
      <select id="a" name="b">
    <option id="a1">abc</option>
    <option id="a2">ccc</option>
      </select>
     </body>
    </html>
      

  2.   


    可以用ajax
    select中option的value是学院id
    <select name="dept" onchange="getProfession('this.value');">
    <option>所在学院</option>
    <option value="1">计算机学院</option>
    <option value="2">>医学院</option>
    </select>onchange事件 时传递学院id 根据学院id查询对应的专业
    更新专业select
      

  3.   

    不要动不动就ajax其实都是js可以实现的