1.js方式实现
<!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" lang="gb2312">
<head>
<head>
<title> 代码实例:级联菜单 </title>
<meta http-equiv="content-type" content="text/html; charset=gb2312" />
<meta name="author" content="枫岩,CNLei.y.l@gmail.com">
</head>
<body>
<select id="BigCate" name="BigCate" size="1" onchange="Redirect(this.options.selectedIndex)">
<option value="">全市</option>
<option value="">主城区</option>
<option value="">分公司</option>
</select>
<select id="SmlCate" name="SmlCate" size="1">
<option value="1">全市</option>
</select>
<script type="text/javascript">
<!--
var groups = document.getElementById("BigCate").options.length;
var group = new Array(groups)
for (i = 0; i < groups; i ++)
group[i] = new Array()
group[0][0] = new Option("全市","ALL")
group[1][0] = new Option("北部新区局","CJ0")
group[1][1] = new Option("杨家坪局","CY0")
group[2][0] = new Option("渝北电信公司","CF0")
group[2][1] = new Option("璧山电信公司","CA0")
var temp = document.getElementById("SmlCate");
function Redirect(x){
//alert(x);
for (m = temp.options.length-1; m > 0; m --)
temp.options[m] = null
for (i = 0; i < group[x].length; i ++){
temp.options[i] = new Option(group[x][i].text,group[x][i].value);
alert(group[x][i].value);
}
temp.options[0].selected = true
}
//-->
</script>
</body>
</html>
分享到：
相关推荐
在本案例中，我们将深入探讨如何使用JavaScript实现下拉框的级联操作。 首先，我们需要理解HTML结构。通常，两个级联的下拉框会分别定义为`<select>`元素，并通过`id`属性来唯一标识它们。例如： ```html 选项1 ...
本文将详细介绍网页表单级联下拉列表自动填写方法的实现原理和实践操作。 一、级联下拉列表框的概念 级联下拉列表框是指多个下拉列表框之间存在关联关系的下拉列表框。当用户选择了前一个下拉列表框的选项后，后一...
"大学选择"则强调了这个功能的核心——用户在一系列大学中进行级联选择，可能是为了查找同学、加入校园活动或者进行其他与大学相关的操作。 【压缩包子文件的文件名称列表】中包含： 1. "school_bg.gif"：这是一个...
级联菜单是一种常见的用户界面元素，它在网页设计和软件开发中被广泛使用，尤其在导航和选项选择中。级联菜单通常表现为一个主菜单项下拉显示一系列相关的子菜单，子菜单还可以继续展开显示更深层次的选项。这种设计...
无论是桌面应用还是网页应用，都需要通过适当的编程技术来构建和管理菜单结构，确保用户能够方便地访问和操作。通过实践和调试，开发者可以创建出符合用户习惯，直观易用的级联菜单，从而提升软件的整体体验。
这种交互方式在Windows操作系统、网页以及各种软件中都广泛应用，极大地提升了用户体验。 本文将深入探讨如何在C#中实现仿系统级联菜单的功能，以及涉及的关键技术和步骤。 首先，要创建级联菜单，我们需要了解...
在网页开发中，级联选择是一种常见的交互设计，特别是在处理地理区域信息时，如省份、城市的选择。"jQuery实现级联地区选择"这个主题就是关于如何利用jQuery库来创建一个动态联动的省份-城市选择器。这个实例包含了...
在关系数据库中，级联操作指的是当对一个表中的记录进行更新、删除或插入操作时，会自动影响与之相关联的另一张表中的记录。例如，级联删除意味着如果删除主表的一条记录，所有关联的从表记录也会被删除。这可以...
在网页开发中，级联下拉列表是一种常见的交互设计，常用于实现省市区选择、类别筛选等场景。jQuery 是一个广泛使用的JavaScript库，它简化了DOM操作、事件处理和Ajax交互，同时也提供了丰富的插件来扩展功能。在这个...
从给定的文件信息来看，我们正在探讨的主题是“jquery3级级联”，这是一个涉及到JavaScript库JQuery在网页上实现三级下拉菜单级联选择功能的话题。以下是对这个主题的详细解析： ### 1. 什么是3级级联？ 3级级联指...
在网页设计中，jQuery是一种广泛使用的JavaScript库，它极大地简化了DOM操作、事件处理和动画效果。本项目涉及的主题是“jQuery菜单级联效果”，它实现了鼠标交互时菜单的动态展示，包括单击收缩和鼠标悬停自动伸缩...
1. DOM操作：JavaScript通过Document Object Model (DOM)来操控网页元素，包括创建、修改和删除HTML元素。在级联菜单中，我们需要用到DOM API来获取、改变文本框的值和显示状态。 2. 事件监听：使用`...
jQuery城市级联插件是一种基于JavaScript库jQuery实现的交互式...总的来说，jQuery城市级联插件通过简洁的代码实现了高效、灵活的城市级联选择功能，对于需要处理多级联动选择的网页应用来说，是一个非常实用的工具。
可以使用CSS来美化级联菜单，或者利用jQuery库简化DOM操作和添加动态效果。 8. **跨域问题**： 如果Ajax请求的URL不在当前页面的同源策略范围内，会遇到跨域问题。可以通过JSONP、CORS等技术解决这个问题。 9. **...
级联菜单插件是一种常用的网页交互元素，常用于在网页中实现下拉式的多级选择功能，例如在省市区选择、分类导航等场景。在给定的标题和描述中，我们可以看到这种插件主要与jQuery库相关，因此我们将重点探讨jQuery...
在网页设计中，为了提供用户友好的体验，经常会用到级联下拉菜单（Cascading Dropdown Menu）来实现各种筛选或选择功能。本话题主要关注如何使用JavaScript（简称JS）来创建一个地区与邮政编码相结合的级联选择菜单...
在网页开发中，级联下拉菜单是一种常见的交互设计，它允许用户在选择一个选项后，根据该选项的值动态加载下一个下拉菜单的内容。这种效果可以用来展示层级关系的数据，比如国家、省份、城市这样的地理信息。在这个...
在网页开发中，"select级联"是一种常见的交互设计，主要用于实现下拉菜单之间的关联性。这种设计使得用户在一个下拉列表（select元素）中选择一个选项后，另一个相关的下拉列表的内容会根据前者的选中值动态更新。...
这种级联的下拉列表可以减少用户输入，提供更直观的操作体验。以下是对这一技术的详细解析： 1. **HTML结构**：首先，我们需要构建HTML基础框架，创建多个`<select>`元素，每个元素代表一个级别（如国家、省份、...
【H5城市级联插件】是一种基于HTML5技术实现的交互式用户界面组件，它主要用于在网页上展示城市选择的级联下拉菜单。这种插件在网站中广泛使用，尤其是在需要用户填写地址信息或者根据地理位置提供服务的场景下。它...