联动选择 - 从心开始，重新开始 - ITeye博客

`

JasonChi

浏览: 95213 次
性别:
来自: 杭州

最近访客更多访客>>

cinic2003

renzhe1981

mr_jjq

stavenvanderbilt

博主相关

博客

微博

相册

收藏

留言

关于我

文章分类

社区版块

存档分类

最新评论

clcai： [/color][color=green]
div实现模态窗口（转）
clcai： [align=left][/align][size=small ...
div实现模态窗口（转）
reyesyang：很有帮助的文章。
[翻译]来自Rails Envy的Rails Cache教程 part1
JasonChi： Hooopo 写道google group的ROR北京社区在哪 ...
rails 学习（转）
Hooopo： google group的ROR北京社区在哪里啊
rails 学习（转）

联动选择

博客分类：

javaScript

阅读更多

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script language="javascript">

function city(obj)
{   
	var index =obj.selectedIndex;
	var te =obj.options[index].text; 
	var se =document.getElementById("s").options;
	   se.length=0;
	switch(te)
	{ 
	  case "浙江":
	  var op =new Option("杭州","hz");
	      se.add(op);
          op =new Option("温州","wz");
          se.add(op);
	  break;
	  case "江苏":
	  var op =new Option("南京","nj");
          se.add(op);
          op =new Option("苏州","wsz");
          se.add(op);
	  break;	  
	}
	  
}

</script>
</head>
<body>

<select  onchange="city(this)">
<option value="a">请选择</option>
<option value="a">浙江</option>
<option value="b">江苏</option>

</select>

<select id="s">
<option ></option>
</select>
</body>
</html>

分享到：

斑马线 | 动态添加删除行

2010-03-01 10:11
浏览 782
评论(0)
分类:Web前端
查看更多

评论

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

与后台结合的使用jquery实现的联动选择框: 在网页开发中，联动选择框（也称为级联下拉框）是一种常见的交互元素，它允许用户在选择一个选项后，根据所选选项自动更新另一个下拉框的内容。这种功能通常用于显示层级关系的数据，例如国家与城市、部门与员工等。...

小程序demo--商品属性值联动选择: 本项目"小程序demo--商品属性值联动选择"聚焦于商品管理中的一个重要功能：属性值联动选择。这个功能通常应用于电商平台，使得用户在选择商品时能够根据已选属性筛选或显示相关联的其他属性值，提升购物体验。联动...

三级联动选择器 (Android版): 在Android开发中，三级联动选择器是一种常见的交互组件，尤其在处理地理位置选择或者分类筛选时十分常见。这个组件模拟了淘宝手机客户端收货地址的选择流程，让用户能够通过连续的下拉菜单来选取省、市、区（县）三...

微信小程序实现联动选择器: 本文实例为大家分享了微信小程序实现联动选择器的具体代码，供大家参考，具体内容如下 picker 从底部弹起的滚动选择器，现支持五种选择器，通过mode来区分，分别是普通选择器，多列选择器，时间选择器，日期选择器，...

mui制作的一级联动选择demo: 本示例“mui制作的一级联动选择demo”旨在展示如何利用Mui中的Picker组件实现简单的一级联动效果，通常用于地区选择、类别筛选等场景。首先，我们来看一下`Picker`组件的核心功能。Picker组件是Mui中的一种选择器...

jQuery移动端省市二级联动选择插件.zip: "jQuery移动端省市二级联动选择插件"是专为解决这个问题而设计的一个工具，它利用JavaScript和jQuery库，提供了高效、易用的解决方案。这个插件允许用户在手机或平板设备上方便地选择省份和城市，极大地提升了用户...

input框省市区三级联动选择: "input框省市区三级联动选择"是一种常见的用户输入方式，特别是在移动端应用中，它能够优化用户在选择地理位置时的体验。这种设计允许用户通过一个单一的输入框来完成省份、城市和区县的连续选择，减少了操作步骤，...

js实现移动端省市区三级联动选择器效果: 在移动端开发中，省市区三级联动选择器是一个常见的功能，用于收集用户所在的地理位置信息。它通常出现在注册、地址填写等场景中，用户依次选择省份、城市和区县，这三个选项之间存在联动关系，即选择一个省份后，...

省、市、地区联动选择JS封装类: 在网页开发中，省、市、地区联动选择是一种常见的交互设计，主要用于地址填写或筛选功能。这个"省、市、地区联动选择JS封装类"是一个JavaScript实现的组件，旨在简化开发者处理这种联动选择框的工作。下面我们将深入...

省、市、地区联动选择JS封装类.: 标题中的“省、市、地区联动选择JS封装类”指的是一个JavaScript编程实现的功能，它用于在网页中创建一个联动选择的下拉菜单，通常用于用户输入他们的省份、城市和区域信息。这种联动选择框能够根据用户选择的省份...

jquery 城市联动选择器: **jQuery城市联动选择器** 在Web开发中，用户界面经常需要提供一种便捷的方式来选择地理位置，例如省份、城市和区县。这种需求催生了各种各样的联动选择器，其中`jQuery`城市联动选择器是一个非常实用的解决方案。...

jQuery移动端动态四级联动选择面板: 在移动端开发中，为了实现更友好的用户体验，动态四级联动选择面板是一种常见的交互设计。这种设计通常应用于地域选择、产品分类等场景，用户通过逐级选择来定位到特定的选项。首先，我们要理解“四级联动”的概念...

jQuery的手机端省市二级联动选择代码.zip: 两级联动选择插件调用： $('.select-value').mPicker({ //级别 level:2, //需要渲染的json，二级联动的需要嵌套子元素，有一定的json格式要求 dataJson:dataJson, //true:联动 Linkage:true, //显示...

jquery 手机端二级联动选择: "jquery 手机端二级联动选择" 是一个常见的功能，特别是在填写地址或者选择区域时，用户需要首先选择省份，然后根据省份的选择来筛选出相应的城市。这个功能能够简化用户的操作流程，提高输入效率。以下是对这个功能...

手机端js联动选择插件，界面美观，可连接数据库: "手机端js联动选择插件"提供了一种优雅的解决方案，旨在提升移动端应用的用户体验。这款插件设计精良，不仅外观美观，而且功能强大，能够适应各种选择需求，包括单项、多项、双项以及级联选择，这在很多场景下都是...

图片联动选择: 在IT行业中，图片联动选择是一种常见的用户界面设计技术，尤其在移动端应用开发中十分常见。这一功能主要用于提高用户体验，使得用户在浏览多张图片时能够便捷地切换和关联不同的图片。在本案例中，我们将讨论如何...

年月日联动选择，Js下拉框的选择: 在这种场景下，年月日的联动选择是一种常见的交互方式，它可以为用户提供一个直观、高效的日期选择体验。本文将详细讲解如何使用JavaScript来实现年月日的联动选择，以及在HTML中设置下拉框的选择。首先，我们需要...

省市区县联动选择器DoubleList.rar: 总的来说，"省市区县联动选择器DoubleList.rar"提供了Android开发中一个实用的功能模块示例，它涵盖了ListView的使用、Dialog和Activity的交互、数据结构的应用以及联动选择的实现。对于学习和理解Android UI开发，...

JS本地实现全国省市区二级、三级地址下拉框联动选择: 全国省市区地址下拉框二级、三级联动选择html例子，JS本地实现，无需网络就能使用，数据为国家省市区6位标准编码，二级联动为省、市的下拉框选择，三级联动为省、市、区的下拉框选择，效果请打开压缩包中的html页面...

省、市、地区联动选择JS封装类)例子: 在网页开发中，省、市、地区联动选择是一种常见的交互设计，主要用于地址填写或筛选功能。这个例子提供了一个JS封装类，实现了三级联动的效果。下面将详细解释这一技术及其实现方式。首先，我们要理解什么是“联动...

Global site tag (gtag.js) - Google Analytics