我用DWR做了一个级联选择的例子，希望能给你带来方便，谢谢！！！
web.xml----------
<?xml version="1.0" encoding="UTF-8"?>
<web-app version="2.4" xmlns="http://java.sun.com/xml/ns/j2ee"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://java.sun.com/xml/ns/j2ee
http://java.sun.com/xml/ns/j2ee/web-app_2_4.xsd">
<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>
<init-param>
<param-name>activeReverseAjaxEnabled</param-name>
<param-value>true</param-value>
</init-param>
<init-param>
<param-name>
initApplicationScopeCreatorsAtStartup
</param-name>
<param-value>true</param-value>
</init-param>
<init-param>
<param-name>maxWaitAfterWrite</param-name>
<param-value>500</param-value>
</init-param>
<load-on-startup>1</load-on-startup>
</servlet>
<servlet-mapping>
<servlet-name>dwr-invoker</servlet-name>
<url-pattern>/dwr/*</url-pattern>
</servlet-mapping>
<welcome-file-list>
<welcome-file>index.jsp</welcome-file>
</welcome-file-list>
</web-app>
dwr.xml---------------------
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE dwr PUBLIC "-//GetAhead Limited//DTD Direct Web Remoting 2.0//EN" "http://getahead.org/dwr/dwr20.dtd">
<dwr>
<allow>
<convert converter="bean" match="com.dwr.CityBean"></convert>
<create creator="new" javascript="DWRHandle"
class="com.dwr.DwrHandle" scope="session">
<include method="getCityList" />
<include method="getProvinceList" />
</create>
<!--
<create creator="spring" javascript="DWRCategory">
<param name="beanName" value="DWRCategory"/>
</create>
-->
</allow>
</dwr>
hand.js-------------
//handle author ddh
function _load(){
DWRHandle.getProvinceList(loadCall);
}
//callback
function loadCall(data)
{
if(data)
{
var selects="<select id='province' onchange='showCity()'><option id='0' >省份</option>";
for(var i=0;i<data.length;i++)
{
selects=selects+"<option id='"+data[i].id+"'>"+data[i].name+"</option>";
}
selects=selects+"</select>";
//DWRUtil.setValue("proninceDiv",selects,true);
document.getElementById("proninceDiv").innerHTML=selects;
}
}
function showCity()
{
var provs=document.getElementById("province");
for(i=0;i<provs.options.length;i++)
{
if(provs.options[i].selected){
//alert(provs.options[i].id);
if(provs.options[i].id!=0){
DWRHandle.getCityList(provs.options[i].id,showCityCall);
}
}
}
}
//callback
function showCityCall(data)
{
if(data)
{
var selects="<select id='city' onchange='getCity()'><option id='0' >城市</option>";
for(var i=0;i<data.length;i++)
{
selects=selects+"<option id='"+data[i].id+"'>"+data[i].name+"</option>";
}
selects=selects+"</select>";
document.getElementById("cityDiv").innerHTML=selects;
}
}
function getCity()
{
var citys=document.getElementById("city");
for(i=0;i<citys.options.length;i++)
{
if(citys.options[i].selected){
alert(citys.options[i].innerHTML);
}
}
}
index.jsp-------------
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
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>cascade page</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<!--
<link rel="stylesheet" type="text/css" href="styles.css">
-->
<!-- import js -- author ddh -->
<script type='text/javascript' src='/CascadeofDWR/dwr/interface/DWRHandle.js'></script>
<script type='text/javascript' src='/CascadeofDWR/dwr/engine.js'></script>
<script type='text/javascript' src='/CascadeofDWR/dwr/util.js'></script>
<script type='text/javascript' src='js/handle.js'></script>
</head>
<body onload="_load();">
Welcome to here! <br>
<br/>
<table>
<tr><td> <div id="proninceDiv"></div></td><td><div id="cityDiv" /></td></tr>
</table>
</body>
</html>
其详细资料请看附件，谢谢。
分享到：
相关推荐
在这个特定的场景中，我们利用Ajax技术和Direct Web Remoting（DWR）框架来创建一个动态的省份城市级联菜单。这个功能能够提升用户体验，因为它减少了用户手动刷新页面的需求，提供了流畅的交互。 首先，我们需要...
在本例中，我们将讨论如何利用DWR2版本创建一个联动下拉菜单，这是一种常见的级联选择功能，常见于数据输入表单中，如地址选择，省-市-区的逐级筛选。 首先，我们需要在服务器端设置DWR引擎。这包括创建一个`dwr....
内容概要：本文档介绍了航空公司的业务分析案例研究，涵盖两个主要部分：a) 使用SSIS进行数据转换，b) 利用RapidMiner进行预测分析。这两个任务旨在通过改善客户满意度来优化业务运营。数据来源包括多个CSV文件，如flight_1.csv、flight_2.csv、type.csv、customer.csv 和 address.csv。第一部分要求学生创建事实表、客户维度表和时间维度表，并描述整个数据转换流程。第二部分则需要利用RapidMiner开发两种不同的模型（如决策树和逻辑回归）来预测客户满意度，并完成详细的报告，其中包括执行摘要、预测分析过程、重要变量解释、分类结果、改进建议和伦理问题讨论。 适合人群：适用于对数据科学和商业分析有一定基础的学生或专业人士。 使用场景及目标：本案例研究用于教学和评估，帮助学员掌握数据转换和预测建模的技术方法，提高客户满意度和业务绩效。目标是通过实际操作加深对相关工具和技术的理解，并能够将其应用于实际业务中。 其他说明：此作业占总评的40%，截止时间为2024年10月25日16:00。
一、课题介绍 现在我国尤其是北方城市，工业发达，废弃排放严重，这使得雾霾越来越厉害，让能见度极低。这严重影响了我们的交通系统，导航系统，卫星定位系统等，给人民出行，工作带来极大的不便利。目前市场上高清拍摄设备虽然可以让成像清晰点，但是造价高昂。如果有一套软件处理系统，可以实时地处理含雾的图像，让成像去雾化，让图像变得清晰，将会很受欢迎。 该课题是基于MATLAB平台的图像去雾处理，配备一个人机交互GUI界面，可以选择全局直方图均衡化，Retinex算法，同态滤波，通过对比处理前后的图像的直方图，而直方图是一副图像各灰度值在0-256的分布个数的表，信息论已经整明，具有均匀分布直方图的图像，其信息量是最大的。 二、算法介绍 ①全局直方图均衡化：通俗地理解就是，不管三七二十一，直接强行对彩色图像的R,G,B三通道颜色进行histeq均衡处理，然后进行三通道重组； ②Retinex算法：通俗地讲就是，分离R,G,B三通道，对每个通道进行卷积滤波。
微信支付V2版本的支付接口，java的SDK
一款IDEA好用的插件，适用于旗舰版，可以延长试用期限，你懂的！
内容概要：本文详细介绍了发电机组保护整定方法，讨论了发电机可能遇到的故障状态及相应的保护措施，包括定子绕组故障、转子绕组故障、过电流、过电压等情况，并提供了具体的保护配置。接着，对变压器常见故障进行了分类说明，并给出变压器的主保护和后备保护配置方案。文章进一步计算了不同短路点的短路电流，阐述了互感器的选择标准，并举例解释了纵联保护的应用和后备保护的作用。 适合人群：电力系统工程师、继电保护技术人员及相关研究领域的学者。 使用场景及目标：适用于发电厂和变电站的设计、维护和运行人员，旨在提高电力系统的安全性和稳定性。目标是确保电力系统关键设备的安全运行，防止故障的发生，减少事故造成的损失。 其他说明：本文不仅提供了详细的理论分析，还包括了大量的数据计算和实例说明，有助于读者更好地理解和掌握继电保护的相关知识和技术。
基于C++开发的微商系统项目源码 使用技术：C++/Qt、Mysql、TCP/IP 软件架构 三个大端：服务端、客户端（买家端）、业务端（卖家端） PS:需要连Mysql数据库才能正常使用，连接mysql时记得把用户、密码啥的改为自己的数据库信息
1503ANDH1503002016_20241116222825
数理逻辑近世代数复习资料，思维导图部分
京东中台业务架构敏捷性方法 MotriDSP 落地实践.pdf
该资源内项目源码是个人的课程设计、毕业设计，代码都测试ok，都是运行成功后才上传资源，答辩评审平均分达到96分，放心下载使用！ ## 项目备注 1、该资源内项目代码都经过严格测试运行成功才上传的，请放心下载使用！ 2、本项目适合计算机相关专业(如计科、人工智能、通信工程、自动化、电子信息等)的在校学生、老师或者企业员工下载学习，也适合小白学习进阶，当然也可作为毕设项目、课程设计、作业、项目初期立项演示等。 3、如果基础还行，也可在此代码基础上进行修改，以实现其他功能，也可用于毕设、课设、作业等。 下载后请首先打开README.md文件（如有），仅供学习参考, 切勿用于商业用途。
CCF会员复习资料(1).zip
ASP.NET养老院老人信息管理系统源码 这是一款非常优秀的养老院老人信息管理系统。程序功能齐全，可选择性强。 管理员后台： 1、人员信息管理：老人信息管理、管理员信息管理、员工信息管理 2、公寓信息管理：添加公寓楼信息、管理公寓楼信息、添加公寓信息、管理公寓信息 3、公寓安排管理：添加公寓安排、公寓安排管理、缴费管理 4、健康管理信息管理：添加健康管理信息、管理健康管理信息 5、紧急联络人管理 6、意见信息管理 7、公告信息管理：添加公告信息、管理公告信息 8、出入信息管理：请假信息管理、访客记录管理、退住情况 员工后台： 1、人员信息管理：老人信息管理 2、健康管理信息管理：管理健康管理信息 3、紧急联络人管理 4、意见信息管理 5、公告信息管理：管理公告信息 6、出入信息管理：请假信息管理、访客记录管理、退住情况 老人后台： 1、修改个人信息 2、修改登陆密码 3、意见信息管理：发布意见信息、意见信息管理 4、查看公告信息
走向现代化数据分析架构：趋势与挑战.pdf
PHP通用权限管理系统源码 安装说明: 1.把管理系统.sql 导入到MYSQL数据库中，把App/Common/Conf/db.php中的数据库名称，账号密码改成自己的。 2.把程序放在二级目录下，如：http://localhost/xcrm/ 账号 admin 密码admin123 3.请使用IE8以上，或是谷歌浏览器。 4.支持环境php+apache,php版本要大于5.3 注意：删除App下面 Runtime 文件夹；如果Linux服务器，需要分配777权限； 修改config.php数据库连接地址：绝对路径 大家在安装的时候遇到问题 1.页面顶部出现空白一行 解决办法：db.php 要以uft8无BOM格式编码 保存 notepad++ 编辑器里 格式 下 2.乱码问题 解决办法：数据库建表的时候选 uft8-general-ci 编码格式 然后点开 SQL 把1,SQL复制进去，执行就可以了 3、如果程序执行时报错? 解决办法：保存PHP>5.3版本 删除App下面 Runtime 文件夹 使用须知：注释：权限管理，修改完用户所属组之后，
详细介绍及样例数据：https://blog.csdn.net/m0_65541699/article/details/143823092
席卡制作模版会议较多的单位，经常要打印席卡，本模版可以解决燃眉之急
从 0 到 1 构建集群服务质量运营体系降低云成本.pdf
永辉超市的混合云建设与运维.pdf