级联下拉列表

1 添加dwr.jar （从DWR官方网站/dwr/download）
2 在web.xml中添加如下代码
<servlet>
<servlet-name>dwr-invoker</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-invoker</servlet-name>
<url-pattern>/dwr/*</url-pattern>
</servlet-mapping>
3 创建Java类及其方法如：
// 级联
public String findBySId(Long id) {
// 查询属于此科目的所有知识点
List<KnowledgepointInfo> list =
knowledgepointInfoDAO.findBySubjectId(id);
StringBuffer str = new StringBuffer();
str.append("[");
for (int i = 0; i < list.size(); i++) {
str.append("{'subjectId':").append("'").append(list.get(i).getSub jectId()).append("',");
str.append("'knowledgepointName':").append("'").append(list.get(i ).getKnowledgepointName()).append("'}");
if (i < list.size() - 1) {
str.append(",");
}
}
str.append("]");
System.out.println(str.toString());
return str.toString();
}
4 在wen-inf文件夹下创建dwr.xml文件
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE dwr PUBLIC "-//GetAhead Limited//DTD Direct Web Remoting 2.0//EN" "/dwr/dwr20.dtd">
<dwr>
<allow>
<create creator="new" javascript="scs"
scope="application">
<param name="class"
value="service.StudentService" />
</create>
</allow>
</dwr>
注：此处需要修改的属性为：javascript 和value ，其中javascript的值表示该类对象在页面上使用时的js对象；value的值为完整的包名和类名
5 编写页面代码：
先添加3个js文件其中只有第一个的src需要改动格式为dwr/interface/scs.js 此处的scs 为dwr.xml中的javascript的值。

<script type='text/javascript'
src='<%=path %>/dwr/interface/questionInfo.js'></script>
<script type='text/javascript'
src='<%=path %>/dwr/util.js'></script>
<script type='text/javascript'
src='<%=path %>/dwr/engine.js'></script>
<script type="text/javascript">
function aa(){
//调用服务器端Java类中方法，callBackHello为回调函数
var subId=document.getElementById("sname").value;
questionInfo.findBySId(subId,callBackHello);
}
//回调函数，data为执行方法的返回值其类型为xml和text json function callBackHello(data){
var secondLs = document.getElementById("kname");
secondLs.options.length=1;
var knamelist = eval("(" + data + ")");
for(var i=0;i<knamelist.length;i++){
secondLs.options.add(new
Option(knamelist[i].knowledgepointName,knamelist[i].subjectId));
}
secondLs.list=knamelist;
}
</script>
Boby中：
<tr>
<td width="106" height="25" align="right"
valign="middle"
bgcolor="#CCCCCC">
<p>
科目名称
</p>
</td>
<td width="484">
<select name="sname" id="sname" value="ajax" onchange="aa()">
<option>请选择</option>
<c:forEach items="${klist}"
var="subjectInfo">
<option
value="${subjectInfo.subjectId}">${subjectInfo.subjectName}</option>
</c:forEach>
</select>
</td>
</tr>
<tr>
<td width="106" height="25" align="right"
valign="middle"
bgcolor="#CCCCCC">
<p>
知识点名称
</p>
</td>
<td width="484">
<select name="kname" id="kname">
<option>请选择</option>
</select>
</td>
</tr>。