<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="UTF-8">
<title></title>
<script>
var area = [
['朝阳', '海淀', '自定义'],
['请选择', '长治', '太原', '自定义']
]; // area[0]就是北京的各个地区了
function ld(){
var sel = document.getElementById('prov');
// alert(sel.value);
var opt = '';
if (sel.value == '-1') {
document.getElementById('city').innerHTML = opt;
return; // 如果显示的是选择，则城市的栏目里什么也没有返回
}
for(var i=0, len=area[sel.value].length; i<len; i++){
opt = opt + '<option value="'+ i +'">' + area[sel.value][i] + '</option>';//+i+指的是连接符
//alert(opt);
document.getElementById('city').innerHTML = opt;
}
}
</script>
</head>
<body>
<select name="" id="prov" onchange ="ld();">
<option value="-1">选择</option>
<option value="0">北京</option>
<option value="1">山西</option>
</select>
<select name="" id="city"></select>
</body>
</html>
效果图：
相关推荐
【Ajax多级联动菜单】是一种常见的前端交互设计，它允许用户在选择某个菜单项时，自动更新下一级菜单的内容，以此类推，实现多级菜单之间的动态关联。这种技术广泛应用于网页表单填写、筛选器等场景，为用户提供更加...
这个源码实例不仅提供了功能实现，还可能包含了良好的代码组织和注释，对于学习和理解如何使用jQuery实现动态联动菜单具有很高的参考价值。通过研究这个源码，开发者可以学习到如何结合HTML、CSS和JavaScript（尤其...
通过学习和实践这个“世界主要国家地区JS三级联动菜单”，你可以提升在前端开发中的动态交互设计能力，更好地理解和掌握JavaScript在实际项目中的应用。这个资源不仅可以帮助你实现一个功能完备的菜单系统，同时也是...
在ASP中实现无限级联动菜单，通常涉及到数据库操作、递归算法以及JavaScript或jQuery的前端交互技术。 首先，无限级联动菜单是Web开发中常见的功能，它允许用户逐级选择或者浏览层次结构的数据，如目录、分类或层级...
总的来说，这个压缩包提供了一个利用jQuery实现的三级联动菜单的实例，对于学习如何在网页中创建交互式分类选择菜单具有很好的参考价值。开发者可以通过查看和学习源代码，了解如何利用JavaScript和jQuery来提升网站...
JavaScript XML联动菜单是一种常见的网页交互设计，用于实现如省市县三级选择的动态效果。这种设计主要依赖于JavaScript的DOM操作和XML数据的解析，以提供灵活的数据存储和更新能力。以下将详细介绍这一技术的关键...
在这个"无限级联动菜单-AJAX版&JavaScript版"中，我们将深入探讨如何使用AJAX和JavaScript技术实现这种功能。 AJAX（Asynchronous JavaScript and XML）是一种在无需重新加载整个网页的情况下，能够更新部分网页的...
无限级联动菜单是一种常见的网页交互设计，主要用于导航或者数据筛选，常见于网站的地区选择、类别筛选等场景。AJAX（Asynchronous JavaScript and XML）技术是实现这种菜单动态加载的关键，它允许页面在不重新加载...
总的来说，"省市县三级联动菜单JS"是一个涉及JavaScript基础、DOM操作、事件处理、数据结构、异步加载等多个前端开发关键知识点的实例。通过实践和理解这样的功能，开发者可以提升自己的前端技能，更好地应对各种Web...
"js全国各地区联动菜单"就是一个典型的例子，它利用JavaScript语言实现了便捷的地区选择功能。下面我们将深入探讨这一技术的实现原理和应用。 一、JavaScript基础 JavaScript，简称JS，是Web开发中的重要脚本语言...
总的来说，"ASP+ACC二级联动菜单"是一个结合了ASP动态脚本、Access数据库管理和前端交互设计的Web应用实例。通过这样的系统，用户可以在网页上方便地浏览和选择多级分类，同时开发者也能高效地管理和维护菜单数据。
《jQuery商品发布三级联动菜单代码详解》 在Web开发中，联动菜单是一种常见的交互设计，它通常用于导航或数据选择，特别是在商品发布系统中。这种菜单可以实现父级选项变化时，子级选项自动更新的效果，提升用户...
【jsp+ajax 三级联动菜单】是一个典型的Web开发技术应用场景，它主要利用JavaServer Pages（JSP）和Asynchronous JavaScript and XML（AJAX）来实现动态网页中的数据交互和页面更新。在这个例子中，我们看到的是一个...
在网页设计中，多级联动菜单是一种常见的交互方式，它能有效地组织大量信息，帮助用户快速定位和访问所需内容。jQuery作为一个轻量级、功能强大的JavaScript库，是实现这种功能的理想选择。本教程将深入探讨如何使用...
本文将深入探讨如何使用 jQuery 实现多级联动菜单，并以 "jQuery 多级联动菜单 div+css" 的实例进行解析。 首先，我们了解基础概念。`div` 是 HTML 中的一个布局容器，用于组织页面元素。`CSS`（层叠样式表）则负责...
javascript省市县三级联动菜单,很好的例子。
总的来说，这个“ajax二级联动菜单”实例是一个很好的学习资源，它演示了如何结合Ajax、JavaScript和.NET来创建动态交互的Web应用。理解并掌握这些基本概念和技术，对于任何想要在Web开发领域深入的人来说都至关重要...
在ASP（Active Server Pages）开发中，二级联动菜单是一种常见的交互设计，用于提供层次结构的选项选择，例如在产品分类、地区选择等场景。在这个案例中，我们将探讨如何使用ASP和数据库来实现一个二级联动菜单。 ...
标题 "JS + XML 联动菜单 支持IE、FireFox" 描述了一种使用JavaScript（JS）和XML技术实现的跨浏览器联动菜单。这种菜单通常在网页中用于下拉选择，例如省市县的选择，其中一项的选择会动态更新下一级菜单的内容。...