`

dwr 实现二级联动 js

阅读更多
//省市联动 
var c_cigy = '';
//记录第二个列表id,以备回调函数用
var cityItemName = '';

function  changeCityOyp(province,city,relateItemName) {
	ServerDwrUtil.getCityList(province.value,setCityOption);
	//记录二级下拉的 id relateItemName 供回调函数使用
	cityItemName = relateItemName;
	// 中国 则 二级下拉 不能选择
	if(province.value == '0001') {
		document.getElementById(cityItemName).disabled = true;
	} else {
		document.getElementById(cityItemName).disabled = false;
	}
	//省份在一个单元格里,省份前面有个input输入框,得到input对象,再把省份传进去
	var provinceInput  = province.parentNode.firstChild;
	//如果省份为空,则单元格为空
	if (province.value == '') {
		provinceInput.value = '';
		return;
	}
	provinceInput.value = province.options[province.selectedIndex].text;
	
}
// 回调函数 args返回的是list.add(Map) map中{id},经过 spring配置 对于一些特例返回的Class,且dwr不能识别的,
//</dwr:configuration>
// 设置二级下拉列表
function setCityOption (args) {
	alert(args.toString());
	DWRUtil.removeAllOptions(cityItemName);
	DWRUtil.addOptions(cityItemName, [ "" ]);
	//id和name怎么确保的   args{[id:xxx,name:yyy],[id:xxx,name:yyyy]}
	DWRUtil.addOptions(cityItemName, args, "id", "name");
}
分享到:
评论

相关推荐

    ajax dwr 框架实现二级联动下拉列表源码

    **Ajax DWR 框架实现二级联动下拉列表源码详解** Ajax(Asynchronous JavaScript and XML)是一种在无需刷新整个网页的情况下,能够更新部分网页的技术。DWR(Direct Web Remoting)则是一个用于Java web应用的开源...

    dwr框架实现二级菜单联动

    在二级联动菜单中,当用户选择一级菜单时,Ajax会异步请求服务器端的Java方法,这些方法由DWR暴露给前端。服务器端收到请求后,通过`DepartmentDAO`或`EmployeeDAO`获取相关数据,并将结果返回给前端。前端接收到...

    dwr实现四级联动(五级参数信息展示)

    总的来说,"dwr实现的四级联动"是一个结合了前端动态交互和后端数据处理的典型应用场景,它要求开发者具备良好的JavaScript基础、DWR使用经验,以及对服务器端数据操作的理解。通过实践这样的项目,开发者可以提升...

    dwr 实现2级联动

    标题中的“dwr 实现2级联动”指的是在Web开发中使用Direct Web Remoting (DWR)框架来实现页面上的两级联动效果。DWR是一种Java库,它允许JavaScript和Java在浏览器与服务器之间进行实时通信,类似于AJAX,但更加强大...

    ajax与dwr实现二级联动

    在实现二级联动的过程中,首先我们需要一个包含父级选项的数据集,当用户在父级选择器中选择一个选项时,AJAX 调用被触发。这个调用通过DWR发送到服务器,服务器根据选定的父级值查询相应的子级数据。查询完成后,...

    纯JSP+DWR实现三级联动下拉选择菜单 实现无刷新联动 DWR判断用户是否存在 ajax二级联动菜单 DWR操作数据库模拟实现Google搜索效果

    本示例主要展示了如何使用纯JSP和Direct Web Remoting (DWR)技术来构建一个功能丰富的用户界面,其中包括三级联动下拉选择菜单、无刷新联动、用户存在性判断以及模拟Google搜索效果的功能。DWR是一种JavaScript库,...

    dynamic.rar dwr实现两级联动

    在“dynamic.rar”这个压缩包中,我们可能找到了一个关于使用DWR实现两级联动的例子。两级联动通常指的是在一个下拉列表的选择会影响另一个下拉列表的选项,这种交互常见于省市区选择、产品分类等场景。 DWR的核心...

    DWR 实现三级联动(2)

    3. **Struts2的二级联动**:Struts2框架提供了内置的二级联动支持,但效率相对较低,且不适用于更复杂的多级联动需求。因此,开发者通常会寻找其他解决方案,如DWR,来提高性能和用户体验。 4. **DWR(Direct Web ...

    ajaxdwr select二级联动

    在这个“ajaxdwr select二级联动”的场景中,我们将讨论如何利用这两种技术实现下拉菜单的级联选择效果。 Ajax是一种在无需刷新整个页面的情况下,能够更新部分网页的技术。它通过JavaScript发送异步请求到服务器,...

    DWR实现三级联动.pdf

    ### DWR实现省市县三级联动的关键技术点 #### 一、DWR简介及应用场景 - **DWR**(Direct Web Remoting)是一种简化Ajax应用程序开发的框架,它使得客户端JavaScript可以直接调用服务器端的Java方法变得简单易行。在...

    DWR 实现三级联动(1)

    在Java中,我们需要创建两个方法,分别对应二级联动和三级联动。`getSecondSort`方法接收商品大类的ID作为参数,返回一个映射,该映射的键值对表示商品小类的ID和名称。`getBrand`方法类似,但接收商品小类的ID,...

    ssh+dwr2实现省市二级联动

    本篇主要讨论如何利用SSH框架和DWR来实现省市二级联动效果。 省市二级联动通常是指在一个下拉菜单选择省份后,另一个下拉菜单会动态加载对应的市一级的数据。这种功能在很多网站的地址填写环节中常见,它可以提高...

    dwr框架+struts+Hibrenate实现下拉菜单二级联动

    "dwr框架+struts+Hibernate实现下拉菜单二级联动"是一个典型的Web应用程序开发技术组合,它旨在创建一个动态且响应式的交互式UI,特别是在处理关联数据时。下面我们将深入探讨这个主题。 首先,DWR(Direct Web ...

    SSH+dwr实现三级级联动-转自Ajava

    SSH+dWR实现三级联动是一种常见的Web开发技术,用于构建动态、交互性强的Web应用程序。SSH是Spring、Struts和Hibernate三个开源框架的缩写,它们分别负责应用的依赖注入、MVC模式和对象关系映射。DWR(Direct Web ...

    DWR实现的三级联动链表的例子

    在这个“DWR实现的三级联动链表的例子”中,我们将探讨如何使用DWR创建一个能够动态更新的三级联动列表,这种功能常见于如地区选择、产品分类等场景。 首先,我们需要理解DWR的基本工作原理。DWR通过在浏览器端创建...

    dwr写的二级联动,要的快

    在本例中,“dwr写的二级联动,要的快”指的是利用DWR实现的网页下拉框的二级联动效果。这种效果常见于地址选择、部门选择等场景,用户在一级选择框中选择一个选项后,二级选择框会自动更新为与一级选择相关的子选项...

    DWR二级联动(连接数据池获取数据)

    在这个"二级联动(连接数据池获取数据)"的场景中,DWR被用来在前端JS文件中获取来自后端Oracle数据库的数据,以实现联动下拉框的效果,这种效果常见于多级选择的表单中,如省市区的选择,当用户选择一个省份时,...

    AJAX_DWR框架(二级联动+PPT实例代码)

    **AJAX_DWR框架:二级联动与PPT实例代码详解** AJAX (Asynchronous JavaScript and XML) 是一种在不刷新整个网页的情况下,实现页面部分更新的技术。DWR (Direct Web Remoting) 是一个开放源码的Java库,它使得在...

    三级联动代码 DWR

    在本案例中,"三级联动代码 DWR"指的是使用DWR来实现一个具有三级关联的下拉菜单,当用户在一级菜单中选择一项时,二级菜单会自动更新,然后根据二级菜单的选择,三级菜单也会动态改变。这种方式可以提升用户体验,...

    ajax实现登陆二级联动增删改查

    本教程将深入探讨如何利用Ajax实现登录系统的二级联动功能,以及增删改查操作。 首先,我们要理解Ajax的核心概念。Ajax并不是一个单一的技术,而是一组技术的集合,包括JavaScript、XML、HTML、CSS以及DOM等。在...

Global site tag (gtag.js) - Google Analytics