网页上元素的关联

chenjie19891104 2010-03-19 07:59:25

在一张编辑用户信息的页面中（jsp）,有一项是两个select 标签：
<select name="dept">
<option>所在学院</option>
</select>

<select name="spe">
<option>所属专业</option>
</select>

在对应servlet跳转到本页面之前，就已经从数据库中取得了所有学院和专业，那么在本页面中，如何实现当用户在学院下拉列表中选择一个学院时，右边的专业列表根据用户选择的学院，动态地显示出对应学院下的所有专业？

注意：所有学院和专业的名称都已经获得，并通过request.setAttribute()存放了起来。所以，在本页面如何实现动态地让
学院列表和专业列表关联起来？

...全文

98 5 打赏收藏转发到动态举报

写回复

用AI写文章

5 条回复

切换为时间正序

请发表友善的回复…

发表回复

quxiuer 2010-03-19

打赏
举报

可以用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

chenjie19891104 2010-03-19

打赏
举报

好像不行！

sing4j 2010-03-19

打赏
举报



<!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>

myeclipse0123 2010-03-19

打赏
举报

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

aoli444 2010-03-19

打赏
举报

[Quote=引用 3 楼 quxiuer 的回复:]
可以用ajax
select中option的value是学院id
<select name="dept" onchange="getProfession('this.value');">
<option>所在学院</option>
<option value="1">计算机学院</option>
<option value="2">>医学院</option>
</select>

……
[/Quote]

一个2级联动的问题