<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script language="javascript" src="javascript/MultiDropDownList.js"></script>
</head>
<body>
<script language="javascript">
var a = new Array();
var b = new Array();
b[0] = new Array();
b[0][0] = "3301";
b[0][1] = "杭州";
b[1] = new Array();
b[1][0] = "3302";
b[1][1] = "宁波";
var c = new Array();
c[0] = new Array();
c[0][0] = "330101";
c[0][1] = "上城区";
c[1] = new Array();
c[1][0] = "330201";
c[1][1] = "宁波区";
var d = new Array();
d[0] = new Array();
d[0][0] = "33010101";
d[0][1] = "文三路";
a[0] = b;
a[1] = c;
a[2] = d;
var mc = new MultiDropDownList("mc",a,new Array("a","b","c"),"demo","^@.{2}",new Array("","-请选择-"),new Array("3301","330101","33010101"),"");
mc.create();
</script>
</body>
</html>
一种类似与假分页的级联实现
<tr class="trbg0">
<td class="table-title"><span class="f-red">*</span>所属地区</td>
<td colspan="5" style="text-align:left;" class="table-title">
<input name="btEnterprise.szs" type="hidden" value="33" />
<input name="btEnterprise.szsmc" type="hidden" value="浙江省" />
<script language="javascript">
var a = new Array();
var b = new Array();
<s:iterator value="shilist" id="list" status="L">
b[${L.index}] = new Array();
b[${L.index}][0] = "${list.code}";
b[${L.index}][1] = "${list.name}";
</s:iterator>
var c = new Array();
<s:iterator value="xianlist" id="list2" status="K">
c[${K.index}] = new Array();
c[${K.index}][0] = "${list2.code}";
c[${K.index}][1] = "${list2.name}";
</s:iterator>
a[0] = b;
a[1] = c;
var mc = new MultiDropDownList("mc",a,new Array("btEnterprise.szshi","btEnterprise.szqx"),"validate[required]","^@.{2}",new Array("","-请选择-"),new Array("${btEnterprise.szshi}","${btEnterprise.szqx}"),"");
mc.create();
</script>
动态实践代码
分享到：
相关推荐
城市级联效果是一种常见的前端交互设计，特别是在购票、旅游预订等网站中，它能帮助用户逐步筛选并定位所需服务的城市或地区。这种效果通常由JavaScript实现，因为它提供了动态交互的能力和实时更新页面的功能。 在...
本项目涉及的主题是“jQuery菜单级联效果”，它实现了鼠标交互时菜单的动态展示，包括单击收缩和鼠标悬停自动伸缩功能。接下来，我们将详细探讨这个知识点。 首先，`index.html`是网页的主文件，它定义了页面的基本...
如果需要，还可以继续扩展到区县等更细化的级联效果。 7. **错误处理**：在请求和响应过程中，确保包含适当的错误处理机制，以便在出现异常时向用户显示友好提示。 通过这种方式，我们可以创建一个响应快速、交互...
在JSP页面中实现级联效果，通常需要通过数据库查询获取到相关的数据，并将其动态地绑定到前端的选择框中。当用户选择了某个选项后，会触发相应的JavaScript函数来更新下一个级别的选择框中的选项。 ### 实现步骤...
在IT行业中，数据库Ajax级联效果是一种常见的前端与后端交互技术，主要用于提高用户体验和页面的响应速度。这种效果在汽车类网站中尤其常见，例如在描述中的“汽车类型，汽车轮胎，汽车轮胎图片”这样的三级联动场景...
"利用AJAX+ASP.NET实现省、市、县页面无刷新动态级联效果"这一技术主题，就是针对这种需求的具体解决方案。在这个过程中，用户在选择省份时，城市和县（区）会根据所选省份自动更新，无需用户手动刷新页面，极大地...
"js+jqery实现日期级联效果"是一个常见的需求，尤其在填写表单或者进行时间选择时，用户可能需要按照年、月、日的顺序依次选择，形成一种级联的效果。下面我们将详细介绍如何利用JavaScript和jQuery来实现这一功能。...
总的来说，Change_City【省级联】的Ajax特效级联效果是Web开发中的一个常见需求，它涉及到了前端的交互设计、Ajax技术的运用以及前端框架的利用。通过熟练掌握这些知识点，开发者可以为用户提供更顺畅、更富互动性的...
在网页开发中，级联菜单（Cascading ...总的来说，js+jsp标签实现页面级联菜单是一种常用且高效的方法，尤其适用于大型、结构复杂的网站。通过对数据的处理和DOM操作，我们可以创建出符合用户需求的交互式菜单系统。
"ajax,jsp,servlet无刷新实现级联效果"是一个常见的应用场景，主要涉及的技术包括Ajax（异步JavaScript和XML）、Java Servlet以及JSP（JavaServer Pages）。在这个场景中，我们将探讨如何通过这些技术实现在网页上...
例如，当用户在第一级下拉菜单中做出选择后，需要通过监听事件来触发第二级下拉菜单的更新，并进一步触发第三级下拉菜单的更新，从而实现真正的级联效果。 ### 4. 应用场景 3级级联功能广泛应用于各类需要多级分类...
在本示例中，我们将探讨如何使用AJAX（Asynchronous JavaScript and XML）技术来实现这种级联效果。 首先，理解AJAX的核心概念至关重要。AJAX是一种在不刷新整个页面的情况下与服务器交换数据并更新部分网页的技术...
实现这种级联效果的关键在于理解DOM操作、事件监听以及异步请求数据的基本原理。开发者需要掌握JavaScript的核心语法，以及如jQuery这样的库，它们提供了方便的方法来操作DOM和处理事件，从而简化代码编写。同时，...
要实现级联效果，我们通常需要以下步骤： 1. **创建第一个Combobox**：这是级联的起点，它的选择将决定第二个Combobox的选项。我们需要为这个Combobox指定数据源和一个`change`事件监听器。当用户选择了一个选项时...
首先，我们需要理解`$().related`这个函数是jQuery的一个插件方法，它用于创建级联效果。在描述中给出的示例代码`$().related({S1:"s1", S2:"s2", S3:"s3" });`，这里的`S1, S2, S3`代表不同的下拉列表，而`s1, s2, ...
7. **页面导航**：由于描述中提到需要访问特定页面查看效果，因此可能涉及到JSF的导航规则。在`faces-config.xml`文件中定义导航规则，或者在bean中使用`ExternalContext`进行导航。 8. **响应式设计**：确保你的...
### JSP实现级联菜单详解 #### 一、概述 级联菜单是Web应用程序中常见的一种交互设计方式，尤其在需要展示多层级数据结构时，如省份-城市选择器等场景下非常实用。通过级联菜单，用户可以方便地根据上一级的选择来...
jQuery城市级联插件利用jQuery的强大功能，通过动态加载和隐藏显示各级菜单，实现了级联效果。这种效果通常是通过监听用户的每次选择，动态更新下一级菜单的内容来实现的。 该插件的核心特性可能包括以下几点： 1....
在前端开发中，实现一个日期级联效果通常是为了让用户能够更加方便地选择日期。级联效果意味着当一个下拉列表（例如年份）的选项改变时，它会影响到其他下拉列表（例如月份和日期）的选项。下面将详细介绍如何使用...