<!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 type="text/javascript" src="../Day26/doctool.js"></script>
<script type="text/javascript">
function selCity()
{
var arr = [['--选择城市--']
,["海淀区","朝阳区","东城区","西城区"]
,["沈阳","大连","鞍山","抚顺"]
,["济南","青岛","烟台","威海"]
,["洛阳","郑州","开封","南阳"]];
var index = byId("selid").selectedIndex;
//alert(byId("selid").options[index].innerText);
var subselNode = byId("subselid");
var citys = arr[index];
subselNode.options.length = 0;
/*
for(var x=0; x<subselNode.options.length; )
{
alert(x+".."+subselNode.options[x].innerText+"...."+subselNode.options.length);
subselNode.removeChild(subselNode.options[x]);
}
*/
for(var x=0; x<citys.length; x++)
{
var optNode = doc.createElement("option");
optNode.innerText = citys[x];
subselNode.appendChild(optNode);
}
}
</script>
</head>
<body>
<select id="selid" onchange="selCity()">
<option>--选择省市--</option>
<option>北京</option>
<option>辽宁</option>
<option>山东</option>
<option>河南</option>
</select>
<select id="subselid">
<option>--选择城市--</option>
</select>
</body>
</html>
分享到：
相关推荐
在Java Web开发中，二级级联下拉菜单是一种常见的用户界面元素，用于提供层次结构的选择。这个场景中，我们利用数据库存储数据，并通过后端处理逻辑动态生成这些下拉菜单。下面将详细介绍如何使用MySQL数据库来实现...
在使用JSP JavaScript过程中有很多的技巧与实现，那么如何构建二级级联下拉菜单呢，本文将会向你做一个源码上的介绍。
本文将深入解析如何利用JSP与JavaScript实现一个功能丰富的二级级联下拉菜单，这是一个在电商、新闻门户等网站上广泛使用的功能，用于分类展示商品或文章。 ### 一、JSP与JavaScript简介 - **JSP**：是一种基于...
在本文中，我们将深入探讨如何使用JSP、JSON和MySQL来实现一个二级级联下拉菜单。这个功能常用于网站的表单设计中，让用户能够从相关联的分类中选择选项，例如省份与城市的选择。 首先，让我们了解这三个技术的核心...
### JSP+JavaScript 实现二级级联下拉菜单的知识点解析 #### 一、概述 在Web开发领域，实现动态的交互式用户界面是提升用户体验的重要手段之一。本文档将详细解析如何通过JSP（JavaServer Pages）与JavaScript来...
在三级级联中，每当用户在一级或二级下拉菜单中做出选择时，会通过ajax发送异步请求到服务器，获取与当前选择对应的三级下拉菜单的选项数据。 具体实现过程如下： 1. **初始化界面**：在`KnowledgeKinds.jsp`中，...
通过这种方式，我们可以创建出一个动态的、响应式的级联下拉菜单，用户在选择一个选项后，无需刷新页面，第二个下拉菜单就能自动更新为与之关联的选项。这种交互方式提高了用户体验，同时也减轻了服务器的压力。在...
在前端开发中，级联通常指的是一个下拉菜单的选择会影响另一个下拉菜单的选项。在这种情况下，用户选择省份后，市的下拉菜单会根据所选省份动态更新；接着，当用户选定市后，区的下拉菜单也会相应地更新。这种交互...
在这个场景中，我们讨论的是使用jQuery库来实现JSON格式数据的二级级联下拉菜单。这种功能常见于多级分类选择、地区选择等，它可以提供更流畅、更直观的用户体验。 jQuery是一个轻量级、高性能的JavaScript库，它...
下面将详细介绍如何使用JavaScript实现全国省市的二级级联下拉菜单。 首先，我们需要一个HTML结构来承载我们的菜单。在这个例子中，我们有两个`<select>`元素，分别代表省份和城市。省份的选项会触发城市选项的更新...
二级级联菜单意味着主菜单有一个子菜单，而三级级联菜单则在二级的基础上再增加一级子菜单。例如，一个网站的导航栏可能有"产品"这个主菜单，点击后展开显示"电子产品"、"家居用品"等二级子菜单，进一步点击"电子...
在本例中，我们讨论的是通过JavaScript实现的二级级联菜单，即在一个文本框的选择会影响到另一个文本框的可选项。 一、级联菜单的基本概念 级联菜单由多个层次的菜单项构成，通常表现为一个菜单项展开后显示下一级...
本项目中，"JavaDB+JSP+AJAX实现的级联下拉菜单"是一个经典的应用场景，用于提升用户界面的用户体验，特别是在数据关联和筛选时。 **JavaDB** 是一个轻量级的关系型数据库管理系统，它基于开源的Derby数据库。Java...
### Ajax 实现二级联动下拉列表框 #### 一、简介 在Web开发中，有时我们需要根据用户在第一个下拉列表中的选择动态地更新第二个下拉列表的内容。这种功能被称为“二级联动”，常用于地址选择（如省份和城市的选择）...
在网页设计中，二级联动下拉菜单是一种常见的交互元素，常用于分类选择或者地区筛选等场景。这种功能的实现通常涉及到前端和后端的交互，其中PHP作为后端语言，负责处理数据并返回给前端。本篇文章将详细介绍如何...
在本文中，我们将深入探讨如何在JSP（JavaServer Pages）中实现一个基于JavaScript的出生日期三级级联下拉列表。这种功能常用于用户注册、个人信息填写等场景，让用户能够方便地选择他们的出生年、月和日。 首先，...
Access数据库-二级下拉菜单制作
jsp级联菜单源代码 保证最简单的代码， 只要见过、研究过jsp就能看的懂。
级联下拉通常由两个或更多的下拉菜单组成，其中第二个（或更多）的选项取决于第一个的选择。这种交互方式可以节省屏幕空间，同时提供多层信息的导航。在前端开发中，我们可以使用JavaScript库（如jQuery）、框架（如...
在Java Web开发中，二级联动下拉列表是一种常见的交互功能，通常用于地区选择、类别分类等场景。这个功能使得用户在选择一级选项时，二级选项会动态更新，提供相关的子选项。Ajax（Asynchronous JavaScript and XML...