<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""">
<html>
<head>
<title>无标题页</title>
<metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/>
<script src="jquery
.js" type="text/javascript"></script>
<style type="text/css">
.sub{display:none;}
</style>
</head>
<body>
<script type="text/javascript">
$(document).ready(function(){
$("#sel1").change(function(){
$("#sel1 option").each(function(i,o){
if($(this).attr("selected"))
{
$(".sub").hide();
$(".sub").eq(i).show();
}
});
});
$("#sel1").change();
});
</script>
<select id="sel1">
<option>北京</option>
<option>安徽省</option>
</select>
<select class="sub">
<option>中关村</option>
<option>朝阳区</option>
</select>
<select class="sub">
<option>合肥</option>
<option>安庆</option>
</select>
</body>
</html>
分享到：
相关推荐
本文将深入探讨“jQuery 二级联动”这一主题，它通常指的是在网页中实现下拉菜单或者选择框之间的联动效果，例如在地区选择时，选择省份后自动更新城市的下拉列表。 首先，我们要理解jQuery的基础知识。jQuery库的...
java结合jquery进行异步提交在jsp页面中实现二级联动菜单，该源码在struts+mvc基础上实现的，简单明了。其中的数据库可自行更改，只要相应的更改连库字符串等即可。也可多加几个下拉框将项目扩展为多级联动菜单
《jQuery二级联动城市选择代码详解》 在网页开发中，二级联动城市选择是一种常见的交互设计，常用于用户填写地址或筛选信息时。本教程将详细解析"jQuery二级联动城市选择代码"，帮助开发者理解其工作原理及应用方法...
本文将深入探讨如何使用jQuery的getJSON方法来实现一个基于数据库的二级联动功能，同时结合后台的JSP（JavaServer Pages）技术。 首先，让我们了解什么是二级联动。在网页设计中，二级联动通常指的是在一个下拉菜单...
在本文中，我们将深入探讨如何使用AJAX和jQuery来实现二级联动效果，特别是在网页表单中，例如选择籍贯的省份和城市。二级联动是指在一个下拉列表的选择触发后，另一个下拉列表自动填充相关数据。在这个例子中，当...
下面我们将深入探讨如何利用jQuery实现二级联动下拉列表。 首先，我们需要了解什么是二级联动下拉列表。它是由两个或多个下拉列表组成，当用户在一个下拉列表中选择一个选项时，另一个下拉列表的内容会根据前者的选...
"jQuery移动端省市二级联动选择插件"是专为解决这个问题而设计的一个工具，它利用JavaScript和jQuery库，提供了高效、易用的解决方案。这个插件允许用户在手机或平板设备上方便地选择省份和城市，极大地提升了用户...
一段很简单的代码实现的全国二级城市联动选择效果 代码部分很简单，看过即会使用 主要字段内容在city.data.js中，如果需要修改城市名称，到里面找到对应的文字修改，或者添加即可
"jQuery二级联动分类菜单"是一个基于jQuery JavaScript库的实现，利用了jQuery的强大功能来创建动态、响应式的菜单系统。在这个项目中，jQuery版本为1.11.1，这是一个稳定且广泛使用的版本，提供了丰富的DOM操作和...
在这个场景中，"jQuery + struts2 专业类别、专业名称 二级联动列表"是一个典型的前后端交互应用，它允许用户通过选择一级分类（专业类别）来动态加载二级分类（专业名称）。这种功能常见于教育、招聘等网站，帮助...
在这个“jQuery省市二级联动关联店面查询表单代码”项目中，开发者利用jQuery实现了用户友好的店面查询功能，特别适用于网络营销场景，帮助用户快速找到连锁店铺的全国网点。 首先，我们要理解“省市二级联动”的...
**jQuery五级联动插件详解** 在Web开发中，我们经常需要实现地区选择功能，例如省市区县到街道的五级联动。这种功能能够帮助用户精确地定位他们的位置，尤其适用于电子商务、物流配送等场景。然而，对于大型的省...
总之，jQuery二级联动城市选择是一种常见的前端交互功能，通过结合HTML、CSS和JavaScript，尤其是jQuery的强大功能，可以轻松实现。通过理解和实践这个功能，开发者可以提升网站的用户体验，特别是对于有地域性需求...
"jQuery二级三级联动"是指使用jQuery实现的下拉菜单联动效果，这种效果通常用于地区选择、产品分类等场景，使得用户可以通过逐级选择来细化他们的选择项。 在二级联动中，当用户在一个下拉菜单（通常是第一级）中...
在本示例中，我们探讨的是如何利用jQuery实现一个无刷新的二级联动菜单，这涉及到jQuery库、AJAX异步请求以及JSON数据解析等多个关键知识点。 首先，jQuery是一个轻量级的JavaScript库，它简化了DOM操作、事件处理...
在这个项目中，描述提到"里面详细写了一个实际的省市县的三级联动"，这意味着代码将根据用户在第一级（省）的选择，动态加载第二级（市）的选项，再根据市的选择更新第三级（县/区）的选项。这是一种常见的数据筛选...
jQuery二级城市联动jQuery二级城市联动
本话题主要关注的是使用jQuery实现的二级联动下拉菜单，这是一种常见的交互设计，常用于网站的筛选或导航功能。下面将详细介绍这种二级联动菜单的实现原理、步骤以及相关的jQuery知识。 首先，联动菜单的基本概念是...
在这个"ssh+jquery+ajax二级联动"项目中，开发者可能创建了一个简单的Web应用，实现了基于Ajax的二级联动选择功能。这通常在多级下拉菜单或地区选择等场景中常见，例如：省份选择后，城市列表会动态加载更新。 1. *...
本教程将聚焦于一个特定的应用场景——利用jQuery制作简单二级联动效果。这种效果通常应用于下拉菜单或者选择框，当用户在一个选择框中选择一个选项时，另一个选择框会根据用户的选择动态更新其内容。 在...