<script type="text/javascript"> function refreshYear(){ //刷新列表 SelectValue.getYear(yearList); } function yearList(years){ DWRUtil.removeAllOptions("years"); DWRUtil.addOptions("years",years);//得到列表内容并显示 refreshBike(); } function refreshBike(){ var year=DWRUtil.getValue("years"); SelectValue.getBike(year,bikeList); } function bikeList(bikes){ DWRUtil.removeAllOptions("bikes"); DWRUtil.addOptions("bikes",bikes); } function dis(){ var year=DWRUtil.getValue("years"); var bike = DWRUtil.getValue("bikes"); DWRUtil.setValue("div",year); DWRUtil.setValue("div1",bike);
类:
package com.ajax;import java.util.HashMap;
import java.util.Map;public class SelectValue {
private Map<String,String[]> bike = new HashMap<String,String[]>();
public SelectValue(){
//从数据库中读取 只需要把读取的数据加入即可,同理。
bike.put("001", new String[]{"001AA","001BB","001NNN"});
bike.put("002", new String[]{"002AA","002BB","002NNN"});
bike.put("003", new String[]{"003AA","003BB","003NNN"});
}
public String[] getYear(){
String[] str = new String[bike.size()];
int i=0;
for(String year:bike.keySet()){
str[i++] = year;
}
return str;
}
public String[] getBike(String key){
return bike.get(key);
}}页面:
<%@ page language="java" import="java.util.*" pageEncoding="gbk"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<title>My JSP 'selectValue.jsp' starting page</title>
<script src='dwr/interface/SelectValue.js'></script>
<script src='dwr/engine.js'></script>
<script src='dwr/util.js'></script>
<script type="text/javascript">
function refreshYear(){ //刷新列表
SelectValue.getYear(yearList);
}
function yearList(years){
DWRUtil.removeAllOptions("years");
DWRUtil.addOptions("years",years);//得到列表内容并显示
refreshBike();
}
function refreshBike(){
var year=DWRUtil.getValue("years");
SelectValue.getBike(year,bikeList);
}
function bikeList(bikes){
DWRUtil.removeAllOptions("bikes");
DWRUtil.addOptions("bikes",bikes);
}
function dis(){
var year=DWRUtil.getValue("years");
var bike = DWRUtil.getValue("bikes");
DWRUtil.setValue("div",year);
DWRUtil.setValue("div1",bike);
}
</script>
</head>
<body onload="refreshYear()">
<form action="#"></form>
请选择年分:
<select id="years" onchange="refreshBike()"></select>
<br>
请选择型号:
<select id="bikes" size="4"></select>
<br><br><br><br>
<input type="button" onclick="dis()" name="ss" value="cilck"></input>
<dir id="div"></dir>
<dir id="div1"></dir>
</form>
</body>
</html>配置dwr.xml
<dwr>
<allow>
<create creator="new" javascript="SelectValue">
<param name="class" value="com.ajax.SelectValue" />
</create>
</allow>
</dwr>