如何实现一个页面两个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>
<head>
<meta http-equiv="Content-Type" ontent="text/html; charset=gb2312" />
<title>表åå ç´ [selectä¸æå表]å¶ä½äºçº§èå¨èå</title>
<script language="javascript">
//ä¸é¢å½æ°æ¯æ¼ç¤ºäºï¼èå¨èåçå¤ç代ç
function makeshi(x){
var form2=document.diqu.one.options.length;//è¿å¥è§£éåä¸
var diqul=new Array(form2)//æ°å»ºä¸ä¸ªæ°ç»ï¼é¡¹æ°ä¸ºç¬¬ä¸ä¸ªä¸æå表ç项æ°
for(i=0;i<form2;i++)//循ç¯ç¬¬ä¸ä¸ªä¸æå表ç项æ°é£ä¹å¤æ¬¡
diqul[i]=new Array();//å循ç¯
//ä¸é¢æ¯ç»æ¯ä¸ªå¾ªç¯èµå¼
var shi=document.diqu.shi;//æ¹ä¾¿å¼ç¨
diqul[0][0]=new Option("绵é³","绵é³");
diqul[0][1]=new Option("æé½","æé½");
diqul[0][2]=new Option("广å ","广å ");
diqul[1][0]=new Option("çå","çå");
diqul[1][1]=new Option("èå·","èå·");
diqul[1][2]=new Option("常å·","常å·");
diqul[2][0]=new Option("åå®","åå®");
diqul[2][1]=new Option("æ³å·","æ³å·");
diqul[2][2]=new Option("åæµ·","åæµ·");
diqul[3][0]=new Option("æå·","æå·");
diqul[3][1]=new Option("温å·","温å·");
diqul[3][2]=new Option("ä¹ä¹","ä¹ä¹");
for(m=shi.options.length-1;m>0;m--)
shi.options[m]=null;//å°è¯¥é¡¹è®¾ç½®ä¸ºç©º,ä¹å°±çäºæ¸ é¤äº
for(j=0;j<diqul[x].length;j++){//è¿ä¸ªå¾ªç¯æ¯å¡«å ä¸æå表
shi.options[j]=new Option(diqul[x][j].text,diqul[x][j].value)
//注æä¸é¢è¿æ®,å表çå½å项çäº æ°é¡¹(æ°ç»å¯¹è±¡çx,j项çææ¬ä¸ºææ¬ï¼)
}
shi.options[0].selected=true;//设置被éä¸çåå§å¼
}
</script>
</head>
<body>
<p><strong>æ¼ç¤ºäºï¼å°åºäºçº§æ å·æ°èå¨èå</strong></p>
<form id="form2" name="diqu" method="post" action="">
<select name="one" size="1" onchange="makeshi(options.selectedIndex)">
<option value="0">åå·</option>
<option value="1">æ±è</option>
<option value="2">广西</option>
<option value="3">æµæ±</option>
</select>
<select name="shi">
<option value="绵é³">绵é³</option>
<option value="æé½">æé½</option>
<option value="å¾·é³">å¾·é³</option>
<option value="广å ">广å </option>
<option value="åå ">åå </option>
</select>
</form>
</body>
</html>
2.如要实现无刷新提取数据，老办法是用一个隐藏的IFRARM加载一个处理页面，返回值重写加载SELECT.
3.新办法是用AJAX异步调用实现无刷新动态加载select.本回答被提问者采纳
