今天在公司无聊，学学dwr 下拉框联动，看了几个帖子，自己随手做了一个，业务很简单
也不整dao了，直接往一个map里面放东西.弄完后对比了一下，现在公司的实现还是用最原
始的ajax，页面代码很繁琐，而dwr的代码几行就搞定了
页面
<head>
<script type='text/javascript' src="${base}/dwr/engine.js"></script>
<script type='text/javascript' src="${base}/dwr/util.js"></script>
<script type='text/javascript' src="${base}/dwr/interface/testDwr.js"></script>
<script language="javascript">
function changeSelect(value){
try{
testDwr.getMap(value,fillSelect);
}catch(e){
alert(e.description);
}
}
function fillSelect(data){
try{
var q_status=$('q_status');
DWRUtil.removeAllOptions(q_status);
DWRUtil.addOptions(q_status,{'':'请选择'});
DWRUtil.addOptions(q_status,data);
}catch(e){
alert(e.description);
}
}
</script>
</head>
<body style="overflow-x:hidden;overflow-y:auto;">
<td >
<select name="q_status">
<option value="" ></>
</select>
</td>
<td >
<select name="cc" onchange="changeSelect(this.value)">
<option value="1">1</>
<option value="0">0</>
</select>
</td>
</body>
dwr.xml
<create creator="new" javascript="testDwr">
<param name="class"
value="com.xxx.TestDwr" />
</create>
java:
package com.xxx
import java.util.HashMap;
import java.util.Map;
public class TestDwr {
public Map getMap(String key){
HashMap map = new HashMap();
if(key.equals("1")){
map.put("beijing", "北京");//value是显示出来的,map的key是option的value
map.put("ganzhou", "赣州");
}else{
map.put("New York", "纽约");
map.put("london", "伦敦");
}
return map;
}
}
分享到：
- 2009-07-24 16:05
- 浏览 1030
- 评论(0)
- 论坛回复 / 浏览 (0 / 2340)
- 查看更多
相关推荐
在这个项目中，我们关注的是如何利用DWR实现一个三级联动的下拉菜单。这种交互式菜单在用户界面设计中常见，用于在多个选项之间建立关联，如省份-城市-区县的选择，以提供更加精细化的筛选。 首先，我们需要理解DWR...
**DWR+Spring 下拉框联动实例** DWR（Direct Web Remoting）是一个开源的Java框架，它使得JavaScript和服务器端的Java代码可以进行实时交互，实现AJAX（Asynchronous JavaScript and XML）功能，而无需编写复杂的...
在本主题中，“dwr框架实现下拉框的连动”涉及到的是如何使用DWR来实现在网页中两个或多个下拉框之间的联动效果，即当用户在一个下拉框中选择一个选项时，另一个下拉框的内容会根据所选选项自动更新。 一、DWR框架...
在“dwr.rar_dwr_dwr ajax_dwr 实现 联动 标签”这个项目中，我们将探讨如何利用DWR和AJAX技术来创建一个动态的、具有联动效果的标签系统。 1. **DWR基础**： DWR的核心组件包括一个服务器端的Servlet（DWR Engine...
**Ajax DWR 框架实现二级联动下拉列表源码详解** Ajax（Asynchronous JavaScript and XML）是一种在无需刷新整个网页的情况下，能够更新部分网页的技术。DWR（Direct Web Remoting）则是一个用于Java web应用的开源...
在这个"**dwr下拉联动的例子**"中，我们关注的是如何利用DWR来实现下拉菜单的联动效果，即在一个下拉框的选择改变时，根据所选值动态更新另一个下拉框的内容。 在传统的Web应用中，这种联动通常需要通过页面刷新...
在本文中，我们将探讨如何使用纯JSP和Direct Web Remoting (DWR) 实现一个三级联动下拉选择菜单。这种技术通常用于地理信息系统或组织结构等需要分层次选择的场景，用户可以从一系列相关的下拉菜单中进行选择，每个...
在这个"二级联动（连接数据池获取数据）"的场景中，DWR被用来在前端JS文件中获取来自后端Oracle数据库的数据，以实现联动下拉框的效果，这种效果常见于多级选择的表单中，如省市区的选择，当用户选择一个省份时，...
标题 "DWR实现省市县三级联动小例子" 暗示了这个压缩包可能包含一个使用Direct Web Remoting (DWR) 技术构建的示例项目，该示例展示了如何实现在网页上进行省、市、县三级联动选择的功能。这种功能在很多中国的网站...
在本文中，我们将深入探讨如何使用DWR来实现下拉框的联动无刷新效果。 首先，我们需要在`web.xml`配置文件中设置DWRServlet。DWRServlet是DWR的核心组件，它处理来自JavaScript的请求并将结果返回给客户端。下面的...
两级联动通常是指在Web表单中，当用户在一个下拉框（或选择器）中做出选择时，另一个相关的下拉框或区域会根据前者的选项自动更新其内容。例如，选择一个省份后，城市列表会随之更新。这种功能常见于地址选择、分类...
【DWR实现三级联动（2）】的知识点详解 DWR (Direct Web Remoting) 是一个JavaScript库，它允许Web应用程序直接与Java后端进行交互，实现Ajax功能，即在不刷新整个页面的情况下更新部分网页内容。在这个场景中，DWR...
在这个场景中，“dwr城市选择的联动”是一种使用Direct Web Remoting (DWR) 技术来实现实时数据交换和页面更新的方法。DWR允许我们在JavaScript中直接调用服务器端的Java方法，从而实现动态交互。 首先，我们需要...
本篇主要讨论如何利用SSH框架和DWR来实现省市二级联动效果。 省市二级联动通常是指在一个下拉菜单选择省份后，另一个下拉菜单会动态加载对应的市一级的数据。这种功能在很多网站的地址填写环节中常见，它可以提高...
4. **扩展至多级联动**：对于三级联动，当第二个下拉框的值改变时，同样触发DWR调用，获取第三级的数据并更新第三个下拉框。 5. **处理回调**：DWR的异步特性使得服务器的响应可以在回调函数中处理，确保数据更新的...
在前端JavaScript部分，我们可以使用DWR的`execute`方法来调用这个Java服务，然后动态更新下拉框选项。例如，当用户在省的选择框中改变选项时，触发一个事件，通过DWR调用`getChildrenById`函数，传入当前选中的省ID...
在Web开发中，二级联动是一种常见的交互设计，用于在两个下拉框或列表之间建立关联，通常是基于用户在第一个选择中的选项动态更新第二个选择项。在这种场景中，`AJAX (Asynchronous JavaScript and XML)` 和 `DWR ...
在这个“DWR实现的三级联动链表的例子”中，我们将探讨如何使用DWR创建一个能够动态更新的三级联动列表，这种功能常见于如地区选择、产品分类等场景。 首先，我们需要理解DWR的基本工作原理。DWR通过在浏览器端创建...
本话题聚焦于利用DWR来实现省市县三级联动的效果，这是一种常见的前端交互设计，常见于地址选择器或地区筛选功能中。 在省市县三级联动中，用户首先选择省份，接着根据省份的选择自动填充对应的市，再根据市的选择...
在本例中，“dwr写的二级联动，要的快”指的是利用DWR实现的网页下拉框的二级联动效果。这种效果常见于地址选择、部门选择等场景，用户在一级选择框中选择一个选项后，二级选择框会自动更新为与一级选择相关的子选项...