<!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">
function Menu(theform,menuid) {
var MenuClass,MenuLenArr,MenuArr,SubMenuArr,MenuIdArr
var splitchar1,splitchar2
var arr,subarr,arrlen
MenuArr=new Array()
MenuLenArr=new Array()
SubMenuArr=new Array()
MenuIdArr=new Array()
MenuArr[1]="欧洲|||亚洲|||非洲|||大洋洲|||北美洲|||南美洲" //洲名|||…
MenuArr[2]="欧洲###德国|||欧洲###法国|||北美洲###美国|||北美洲###加拿大|||亚洲###中国|||非洲###埃及|||大洋洲###澳大利亚|||南美洲###墨西哥" //洲名###国名|||…
MenuArr[3]="中国###北京|||中国###上海|||美国###华盛顿|||美国###纽约|||德国###柏林|||法国###巴黎|||加拿大###多伦多|||埃及###开罗|||澳大利亚###悉尼|||墨西哥###墨西哥城" //国名###城市名|||…
MenuArr[4]="北京###朝阳区|||上海###徐汇区|||广州###天河区|||纽约###曼哈顿区|||华盛顿###华盛顿区|||柏林###新柏林区|||巴黎###大巴黎区|||开罗###大开罗|||悉尼###悉尼市区|||墨西哥城###墨西哥城区" //国名###城市名|||…
MenuIdArr[1]="zhou"
MenuIdArr[2]="guo"
MenuIdArr[3]="shi"
MenuIdArr[4]="qu"
MenuClass=4 //4级菜单
splitchar1="|||";
splitchar2="###";
for(iii=1;iii<=MenuClass;iii++)
{
arr=MenuArr[iii].split(splitchar1);
len=arr.length;
subarr=new Array()
for (i=0;i<len;i++)
{
subarr[i]=arr[i].split(splitchar2);
}
len=subarr.length;
SubMenuArr[iii]=subarr
MenuLenArr[iii]=len
}
var self,submenu,thislen,thisarr
self=eval("document."+theform.name+"."+MenuIdArr[menuid])
submenu=eval("document."+theform.name+"."+MenuIdArr[menuid+1])
thislen=MenuLenArr[menuid+1]
thisarr=SubMenuArr[menuid+1]
submenu.length=0
submenu.options.add(new Option( "—–请选择—–",""));
for (i=0;i<thislen;i++)
{
if (thisarr[i][0] == self.value)
{
submenu.options.add(new Option(thisarr[i][1], thisarr[i][1]));
}
}
submenu.options[0].selected=true
var kkk
for(kkk=menuid+2;kkk<=MenuClass;kkk++)
{
submenu=eval("document."+theform.name+"."+MenuIdArr[kkk])
submenu.length=0
submenu.options.add(new Option( "—–请选择—–",""));
submenu.options[0].selected=true
}
}
</script>
</head>
<body>
<form name="form1" method="post" action="">
<table width="90%" border="0" align="center" cellpadding="2" cellspacing="1" bgcolor="#CCCCCC">
<tr bgcolor="F1F1F1">
<td height="24" colspan="2" align="center"></td>
</tr>
<tr bgcolor="#FFFFFF">
<td width="12%" height="24" align="center">所 在 洲:</td>
<td><select name="zhou" id="zhou" onChange="Menu(this.form,1);"><option value="" selected>—–请选择—–</option>
<option value='欧洲'>欧洲</option>
<option value='亚洲'>亚洲</option>
<option value='非洲'>非洲</option>
<option value='大洋洲'>大洋洲</option>
<option value='北美洲'>北美洲</option>
<option value='南美洲'>南美洲</option>
</select>
</td>
</tr>
<tr bgcolor="#FFFFFF">
<td height="24" align="center">国 家:</td>
<td><select name="guo" id="select" onChange="Menu(this.form,2);"><option value="" selected>—–请选择—–</option></select></td>
</tr>
<tr bgcolor="#FFFFFF">
<td height="24" align="center">城 市:</td>
<td>
<select name="shi" id="select2" onChange="Menu(this.form,3);">
<option value="" selected>
</option>
</select>
</td>
</tr>
</table>
</form>
</body>
</html>
分享到：
相关推荐
在这个"无限级联动菜单-AJAX版&JavaScript版"中，我们将深入探讨如何使用AJAX和JavaScript技术实现这种功能。 AJAX（Asynchronous JavaScript and XML）是一种在无需重新加载整个网页的情况下，能够更新部分网页的...
3. **无限级联动菜单**：在实际应用中，有些数据的层级关系可能非常深，例如组织结构、地理位置等。无限级联动菜单能适应这种需求，用户可以选择任意深度的子项。实现上，这需要更复杂的递归逻辑和数据结构，同时也...
资源名：ajax版本 asp无限级联动菜单程序源码.zip 资源类型：程序源代码 源码说明： 基于asp的ajax无限级联动菜单程序 可自定义添加联动菜单层数 包含完整代码和注释 很适合借鉴学习 适合人群：新手及有一定经验的...
无限级联动菜单是一种常见的网页交互设计，主要用于导航或者数据筛选，常见于网站的地区选择、类别筛选等场景。AJAX（Asynchronous JavaScript and XML）技术是实现这种菜单动态加载的关键，它允许页面在不重新加载...
在这个案例中，我们将深入探讨如何使用JavaScript来创建一个无限级联动菜单。 首先，我们需要理解菜单的基本结构。在HTML中，菜单通常由`<select>`元素及其嵌套的`<option>`元素组成。当用户选择一个选项时，下一级...
联动四级菜单+无限级联动菜单+无限级联动菜单-AJAX版&JavaScript版
在ASP中实现无限级联动菜单，通常涉及到数据库操作、递归算法以及JavaScript或jQuery的前端交互技术。 首先，无限级联动菜单是Web开发中常见的功能，它允许用户逐级选择或者浏览层次结构的数据，如目录、分类或层级...
JavaScript无限级联动算法是一种在前端开发中常见的交互设计，它主要用于构建多级选择菜单，例如在地区选择、产品分类或者组织结构中。这种技术能够帮助用户逐步细化他们的选择，从一个大类别到更具体的小类别，形成...
**AJAX无限级联动菜单**是一种常见的Web交互技术，它基于ASP.NET框架，结合AJAX（Asynchronous JavaScript and XML）和ACCESS数据库实现。这个技术的主要目的是提供用户友好的界面，通过异步方式加载数据，无需刷新...
在IT行业中，无限级联动菜单是一种常见的用户界面设计，它允许用户通过逐级选择来浏览或操作...开发者需要理解JAVA的XML解析、JavaScript的事件处理以及HTML的结构布局，才能有效地实现和维护这样的无限级联动菜单。
在IT领域，无限级联动菜单是一种常见的用户界面设计，它允许用户通过逐级选择来细化他们的选项，例如这里提到的“省-市-区”结构。这种设计在地理信息系统、电子商务网站、信息检索等场景中广泛应用。在.NET环境中，...
《dropList v1.1：JavaScript无限级联动下拉列表框深度解析》 在Web开发中，用户界面的交互性和易用性至关重要。一个优秀的下拉列表框不仅可以提高用户体验，还能有效节省页面空间。今天我们将深入探讨“dropList v...
"YeeH 无限级联动下拉菜单 V1.03 (含数据JS)"是一个专门用于实现这种功能的组件，通过JavaScript编程语言来动态构建和管理多级关联的下拉菜单。 首先，我们要理解“无限级”这个概念。在传统的下拉菜单中，通常只有...
总结一下，实现js+xml无限级联动菜单的关键步骤包括：使用XML存储菜单数据、JavaScript异步加载和解析XML、构建菜单树数据结构、以及动态生成HTML菜单。通过这样的方式，我们可以创建一个交互性强、适应各种层级结构...
当我们谈论“无限级级联菜单”时，意味着菜单可以有任意数量的嵌套层次，而不限于固定的深度。 在这个“无限级级联菜单的多种演示源码”中，我们可以看到是基于ASP.NET和C#语言实现的。ASP.NET是微软提供的一个强大...
【琥珀无限级联动菜单-JavaScript版】是一种在网页设计中实现的交互式菜单系统，主要用于提升用户体验，尤其在需要展示多层分类或者层级结构信息时非常实用。这种菜单可以无限扩展，允许用户逐级选择，每一步的选择...
无限级联动菜单指的是这种联动关系可以多层嵌套，不限于两层，这样可以构建出非常复杂的表单输入逻辑。例如，在城市选择后，可能会出现一个地区选择，然后是街区选择，等等。 接下来，让我们详细探讨文档中提到的...
在网页开发中，"Ajax 实现无限级联动"是一种常见的交互设计技术，它允许用户在无需刷新整个页面的情况下，通过下拉菜单、树形结构或其他交互元素实现各级数据的动态加载。这种技术大大提升了用户体验，使得网站操作...