<!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>
动态实践代码
分享到：
相关推荐
利用AJAX+ASP.NET实现省、市、县页面无刷新动态级联效果
jsf[静态]页面的级联下拉框的示例，实现了三级级联。多级级联可以模仿三级级联示例。可用于实现过滤数据等等。查看效果时，访问路径需指定到页面。
自己写的利用jsp，servlet，加上ajax实现区域和街道的级联效果的部分关键代码，数据从数据库读取，然后通过点击区域ajax动态切换街道实现无刷新页面。
asp.net级联分类（非数据源）,在页面前台写入代码，通过页面加载实现级联效果。
网上级联菜单确有不少，单大多是直接写死到jsp页面中的，本代码是用mysql的数据库实现的，希望对大家有帮助！！！
实现一个具有级联效果的下拉搜索框，实现的结果如下图所示 我们主要通过这个组件，来学习一些细微的逻辑，比如: 如何计算input框内文字的长度； 如何获取光标的位置；如何实现滚动条随着上下键盘的按动进行移动……...
js实现省市区三级联动非select下拉框版.docx
简单实现js省市级联效果->>>>还在等待什么？->>>>javascript和json放在同个页面，方便查看。
jQuery实现实用的盛市、县三级Select级联菜单，在需要选择全国省份城市的时候，可应用本效果，代码中已包括了全国省市县城市信息，下载后请根据示例页面中的方法，自行调用。再也不用努力的找了，这里就有，哈哈！~~
利用Javascript技术实现省市下拉列表的联动。
纯Javascript实现的省市区三级级联效果，避免了ajax查询数据库给数据以及数据库服务器带来的负载压力，是您Web开发省市区级联的首选哦！
包含数据库字段设计、jsp页面代码编写、最后的运行效果
企业开发实用的javascript页面控件，选项卡，定时器，自动变换页面，动画效果页面，级联菜单。。。 选项卡 页面控件 企业开发 javascript 实例
程序员在开发的时候，经常会遇到对查询列表中的记录进行批量操作的情况，实现倒是也不难，用javascript就行，但每次都要重新再写一遍，本人在工作中把它总结为一个模块，记录下来，以便再用。
CSS3 是 CSS（级联样式表）的最新版本，它引入了许多新特性，以帮助开发者更轻松地创建复杂的样式和布局。CSS3 提供了许多新的选择器、属性、函数和值，以支持更丰富的样式设计。 以下是一些 CSS3 的重要特性： 选择...
实现了获取评论无刷新，发表评论无刷新，www.sendawangluo.com页面获取评论时显示loading加载效果jquery真的是一个非常优秀的JS库，简单容易掌握，对于网页中的多级菜单、级联效果、Tab选项卡切换、图片轮转显示，...
模仿京东淘宝选择分类页面，解压打开查看效果 ，支持一切浏览器
这是大家在网页上经常会见到的级联菜单特效，不过这一个代码是由JS来实现，将级联菜单中的内容保存在了JS数组中，为了页面美观，本次还美化了一下表格边框，整体看上去更和谐实用了，多级的下拉菜单对网页设计来说...
Spring+Struts+Hibernate+Jquery(AJAX)实现的省份与城市级联效果 原理：通过ajax调用后端struts的action，将返回的JSON对象数组解析载入页面。