Question

想用jsp做一个二级联动下拉框 ，第一个下拉框是从数据库表Teams读取的队伍名称

根据队伍的名称 ，第二个下拉框从Players表读取该队的所有球员。数据库是sqlserver。请问要怎么实现？

Answer 1

我这里是使用的dwr实现的，
队伍名称： <select id="teamId" name="" onchange="change()">
<option value="">全部</option>
<s:iterator value="队伍名称列表">
<option value="<s:property value="值"/>"><s:property value="值"/></option>
</s:iterator>
</select>
球员： <select id="person" name=""></select>

js里面的代码：
function change(){
var id=document.getElementById("teamId").value;
getCostserve.toserveget(id,callback);
}
function callback(list){
var person=document.getElementById("person");
person.length=0;
for(var i=0;i<list.length;i++){
var p=list[i];
var op=new Option(p.id,p.name);
person.add(op);
}
}
dwr.xml配置文件内容：
<create javascript="getCostserve" creator="spring">
<param name="beanName" value="costserveDao"></param>
</create>
<convert match="com.jbit.callfere.entity.HbCostserve" converter="bean"></convert>
<create javascript="exten" creator="spring">
<param name="beanName" value="extensionDao"></param>
</create>
<convert match="com.jbit.callfere.entity.HbExtension" converter="bean"></convert>
另外，在web.xml配置文件里面也要配置dwr的
<servlet>
<servlet-name>dwr</servlet-name>
<servlet-class>org.directwebremoting.servlet.DwrServlet</servlet-class>
<init-param>
<param-name>debug</param-name>
<param-value>true</param-value>
</init-param>
</servlet>
<servlet-mapping>
<servlet-name>dwr</servlet-name>
<url-pattern>/dwr/*</url-pattern>
</servlet-mapping>

Answer 2

定义数组1,从队伍名称取数据，定义数组2，从球员取数据，自定义函数，参数为队伍名称，第一个下拉列表的onchange事件运行此函数，更行第二个下拉列表的内容

Answer 3

用ajax可以实现。

追问

有具体代码吗？没学过ajax

追答

可以到网上查，这方面的代码很多，然后再自己改一下。