<!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">
function changeCity(){
var province=document.myform.selProvince.value;
alert(province);
var newOption1,newOption2;
switch(province){
case "四川省":
newOption1=new Option("成都","chengdu");
newOption2=new Option("泸州","luzhou");
break;
case "湖北省":
newOption1=new Option("武汉市","wuhan");
newOption2=new Option("襄樊市","xiangfan");
break;
}
document.myform.selCity.options.length=0;
document.myform.selCity.options.add(newOption1);
document.myform.selCity.options.add(newOption2);
}
</script>
</head>
<body>
<form name="myform">
<select name="selProvince" onchange="changeCity()">
<option>-请选择开户帐号的省份-</option>
<option value="四川省">四川省</option>
<option value="山东省">山东省</option>
<option value="湖北省">湖北省</option>
</select>
<select name="selCity">
<option>-请选择开户帐号的城市-</option>
</select>
</form>
</body>
</html>
分享到：
相关推荐
总的来说，制作JavaScript级联下拉特效是一个很好的实践项目，它涵盖了基本的JavaScript编程、DOM操作以及响应式设计的核心概念。通过这个过程，你可以提升你的JavaScript编程技巧，并为你的网页增添更丰富的交互性...
下面将详细讲解这种级联特效的实现原理、技术栈以及常见问题。 1. 数据结构设计： 省市县级联的数据结构通常是一个嵌套的JSON对象或数组，每一级都是一个对象或数组，包含ID和名称属性，如： ```json { ...
JavaScript实现三级级联特效涉及到了Web前端开发中的一项常见的用户界面功能，即根据用户在某个选择框（如省份下拉列表）中的选择，自动更新其他关联选择框（如市和县下拉列表）的内容。这项功能在很多网站中都相当...
JavaScript实现省市县三级级联特效是前端开发中的一个常见需求，尤其是在涉及地址选择的表单中。本文将详细介绍如何使用JavaScript来实现这种级联下拉列表的功能。我们将按照步骤分析代码，并解释其中的关键点。 ...
通过JavaScript，我们可以创建动态的级联效果，当用户选择某一选项时，下一级别的选项会根据预定义的数据自动加载。这涉及到了事件触发、异步数据获取（如Ajax）以及DOM更新。 7. 向上滚动的文字：这种特效使得文字...
实例066 多级级联菜单 110 实例067 可以输入文字的下拉菜单 111 实例068 根据下拉菜单的值显示不同控件 112 实例069 分级下拉列表 113 2.3 单选按钮组 114 实例070 不提交表单获取单选按钮的值 114 实例071 选中单选...
实例374 无刷新的级联下拉列表 614 实例375 使用XML实现不刷新页面查询数据 616 16.3 调用与控制 619 实例376 将查询结果导出到Word 619 实例377 调用Excel 621 实例378 调用PowerPoint 622 16.4 其他...
1. **事件监听**：当用户在一级选择框中选择一个省份时，通过监听change事件，触发二级选择框的更新，显示对应省份的城市。 2. **AJAX异步请求**：根据用户的选择，可能使用AJAX（Asynchronous JavaScript and XML...
1. **级联菜单（Cascading Menus）**： 级联菜单是网页导航中常见的一种交互设计，它允许用户通过点击主菜单项来展开子菜单，通常用于网站的多层级结构。实现这个效果，JavaScript可以监听主菜单的鼠标事件，根据...
1. **纯JavaScript实现**：通过JavaScript代码动态生成和更新下拉菜单。当用户选择一个省份时，触发事件并加载相应的城市数据，更新城市选择框。这种方法对开发者要求较高，需要手动处理数据加载和DOM操作。 2. **...
总的来说，"javascript经典特效---从左飞入的文字.rar"涵盖了JavaScript基础、DOM操作、CSS动画、事件处理和代码组织等多个方面的知识，是学习网页动态效果和JavaScript编程的一个很好的实践案例。
总的来说，JavaScript特效是现代网页开发中不可或缺的一部分，它使网站更加生动、交互性更强。掌握JavaScript特效的制作技巧，能够帮助开发者创建出更具吸引力和用户体验的网页应用。在实际工作中，可以结合现有的...
在网页设计中，jQuery是一种广泛使用的JavaScript库，它极大地简化了DOM操作、事件处理和动画效果。本项目涉及的主题是“jQuery菜单级联效果”，它实现了鼠标交互时菜单的动态展示，包括单击收缩和鼠标悬停自动伸缩...
在网页设计中，JavaScript是一种不可或缺的脚本语言，它为网页带来了动态效果和交互性，极大地提升了用户体验。本文将深入探讨“javascript网页制作特效”，包括文字特效、图形图像处理、鼠标特效、导航菜单构建以及...
JavaScript特效是网页设计中不可或缺的一部分，它为网页增添互动性和视觉吸引力。本资源是一个名为“javascript特效”的CHM电子书，包含丰富的JavaScript特效代码，且每个特效都有预览功能，方便用户直观理解并学习...
总的来说，Change_City【省级联】的Ajax特效级联效果是Web开发中的一个常见需求，它涉及到了前端的交互设计、Ajax技术的运用以及前端框架的利用。通过熟练掌握这些知识点，开发者可以为用户提供更顺畅、更富互动性的...
1. **JavaScript**: JavaScript是一种轻量级的解释型编程语言，主要用于网页和网络应用的动态化。在本主题中，JavaScript主要负责实现动态效果，如树形菜单的展开与收缩、级联下拉框的联动、自动弹出菜单等。通过...