Question

第二个select，怎么跟第一个select的值变化

Answer 1

第一个select1的值是从数据库中的A表中读出来的,当我选中其中一个的时候,拿到选中的值在上数据库中的B表中查询结果,把查询到的结果,在放到同一个页面中的第二个select2,我用jsp做的.
我现在是这样写的:
wuye.jsp:
<SCRIPT LANGUAGE="JavaScript">
function select(){
var vv=document.getElementById("point1").value;
window.location.href("wuye.jsp?val="+vv);
}
</SCRIPT>

<select id="point1" onChange="select()">
<option value="0">请选择部门</option>
<%
ConnectionDB con = new ConnectionDB();
GroupBean gb =null;
Vector v = new Vector();
v=con.displayGroups();
for(int i=0;i<v.size();i++){
gb=(GroupBean)v.elementAt(i);
%>
<option value=<%=gb.getGpid()%>><%=gb.getGroups()%></option>
<%}%>

</select>

<select id="select2">
<option>请选择</option>
<%
String st=request.getParameter("val");
AddUserBean ab =null;
v=con.displayAddUser(st);
for(int i=0;i<v.size();i++){
ab=(AddUserBean)v.elementAt(i);
%>
<option value=<%=ab.getTel()%>><%=ab.getUsername()%></option>
<%}%>
</select>

Answer 2

function createCity(){
//获取选中的索引
var pro=document.getElementById('pro').selectedIndex;
var citys=document.getElementById('city');
citys.options.length=0;//当省发生变化时清空城市列表
var city_len=city[pro].length;
for(var i=0;i<city_len;i++){
var op=new Option(city[pro][i],city[pro][i]);
citys.options.add(op);
}

}