高手请进：如何实现两个SELECT的动态关联
<html><head>
<script language=javascript>
function act(selectedIndex) //Selectclass OnChange事件
{ var e = document.form.selectname;
for (var i=e.options.length; i>=0; i--) e.remove(i); //清空selectname里的内容
}
</script>
</head>
<body>
<form name="form">
<select name="selectclass" OnChange="act(this.selectedIndex)">
//从数据库中读取相应信息并初始化Select里Options的值
<option>请选择部门</option>
<%!List lt; %>
<% try{
sqltools t=new sqltools();//与数据库建立连接
lt=t.getUsers("select DISTINCT bumen from DPOWER where DPOWER='0'");
//执行该SQL语句获得想要的值并放入LIST类型的表中
Iterator it = lt.iterator();
while ( it.hasNext()) {
String next = (String)it.next();
%>
<option value="<%=next%>"><%=next%></option>//初始化下拉项
<%}}catch(Exception e){}
%>
</select>
<select name=selectname size="7">//这个Select下拉框想要与上面那个下拉框联系起来，当selectclass改变选项时，更新Selectname里的选项，最好是能动态关联，且不刷新页面
<%!List lt1; %>
<%
try{
sqltools t1=new sqltools();//与数据库建立连接
lt1=t1.getUsers1("select elsename from DPOWER where DPOWER='0' and bumen='"+sql+"'" );//执行该SQL语句获得想要的值并放入LIST类型的表中
Iterator it1 = lt1.iterator();
while ( it1.hasNext()) {
String next1 = (String)it1.next();
%>
<option value="<%=next1%>"><%=next1%></option>
<%}}catch(Exception e){}
%>
</select>
</body>
</html>
新建 文本文档.rar
(1.9 KB)
