<!doctype html public "-//w3c//dtd html 4.0 transitional//en">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=gbk" />
<title> Christen's Simple Page </title>
<meta name="generator" content="editplus">
<meta name="author" content="">
<meta name="keywords" content="">
<meta name="description" content="">
<style>
a,body,select{font-size:12px;text-decoration:none;}
a,pre{color:#808080;}
body{background:#efefef;}
</style>
<script src="PCASClass-unzip.js"></script>
</head>
<body>
<pre>
/* PCAS (Province City Area Selector 省、市、地区联动选择JS封装类) Ver 2.01 数据压缩完整版 *\
制作时间:2005-12-30
更新时间:2006-01-24
数据修正:2006-08-17
文档大小:18KB
应用说明:页面包含<script type="text/javascript" src="PCASClass.js"></script>
省市地区联动
new PCAS("province3","city3","area3");
new PCAS("province4","city4","area4","北京市");
new PCAS("province5","city5","area5","天津市","市辖区");
new PCAS("province6","city6","area6","北京市","市辖区","宣武区");
省、市、地区对象取得的值均为实际值。
注：省、市、地区提示信息选项的值为""(空字符串)
程序制作/版权所有:崔永祥
修改:Christen
</pre>
<fieldset style="padding:5px;line-height:28px">
<legend>省市联动</legend>
出生地：<select name="P1"></select><select name="C1"></select><br>
所在地：<select name="P2"></select><select name="C2"></select><br>
工作地：<select name="P3"></select><select name="C3"></select><br>
</fieldset>
<br><br>
<fieldset style="padding:5px;line-height:28px">
<legend>省市地区联动</legend>
出 生 地：<select name="province"></select><select name="city"></select><select name="area"></select><br>
户 口 所 在 地：<select name="province1"></select><select name="city1"></select><select name="area1"></select><br>
工 作 所 在 地：<select name="province2"></select><select name="city2"></select><select name="area2"></select><br>
<br>
无 默 认：<select name="province3"></select><select name="city3"></select><select name="area3"></select><br>
默 认 省：<select name="province4"></select><select name="city4"></select><select name="area4"></select><br>
默 认 省 市：<select name="province5"></select><select name="city5"></select><select name="area5"></select><br>
默 认 省 市 区：<select name="province6"></select><select name="city6"></select><select name="area6"></select><br>
</fieldset>
<script language="javascript" defer>
new PCAS("P1","C1");
new PCAS("P2","C2","北京市");
new PCAS("P3","C3","北京市","东城区");
new PCAS("province","city","area","北京市","市辖区","崇文区");
new PCAS("province1","city1","area1","北京市","市辖区","海淀区");
new PCAS("province2","city2","area2","天津市","市辖县","静海县");
new PCAS("province3","city3","area3");
new PCAS("province4","city4","area4","北京市");
new PCAS("province5","city5","area5","天津市","市辖区");
new PCAS("province6","city6","area6","北京市","市辖区","宣武区");
</script>
<br>
</body>
</html>
分享到：
相关推荐
通过解析和操作这些文件，我们可以实现一个完整的纯JavaScript三级联动效果。 总结起来，"js三级联动"是一种利用JavaScript动态更新下拉菜单选项的技巧，它依赖于良好的数据结构、事件监听、DOM操作和逻辑控制。...
在这个"JavaScript三级联动"的示例中，我们主要探讨的是如何通过JavaScript实现省、市、区的选择联动。 首先，我们需要理解三级联动的基本原理。在HTML中，我们可以创建一系列下拉菜单（`<select>`元素），分别代表...
用javaScript 实现三级联动 经典实例 js javaScript 三级联动 js javaScript 三级联动 js javaScript 三级联动
总结来说，实现世界主要国家地区的JS三级联动及下拉框的隐藏显示功能，需要对JavaScript的DOM操作、事件监听以及CSS样式有深入理解。通过合理组织数据和动态更新DOM，可以构建出高效、灵活的用户界面。在实际项目中...
在JavaScript（JS）编程中，三级联动是一种常见的交互设计，常用于实现下拉菜单的联动效果，例如在选择国家、省份和城市时。这个场景在网页表单中尤为常见，可以提升用户在填写信息时的体验。在这个"JS三级联动代码...
在Web开发中，"Ajax JavaWeb JS 三级联动"是一个常见的功能需求，它涉及到前端JavaScript技术、后端JavaWeb服务以及Ajax异步通信。这个功能主要用于创建交互性强的下拉菜单，通常用于地区选择、商品分类等场景，用户...
JS三级联动菜单---世界主要国家地区 本篇文章主要介绍了使用JavaScript实现三级联动菜单，涵盖了世界主要国家和地区。下面将对标题、描述、标签和部分内容中的知识点进行详细的解释和说明。 首先， lets talks ...
这个"html+js三级联动源码"提供了一个实现这一功能的实例。下面将详细介绍这个概念及其工作原理。 首先，三级联动指的是在三个层级之间建立联动关系，当用户在某一层级选择一个选项时，下一层级的选项会根据前一层...
通过学习和实践这个“世界主要国家地区JS三级联动菜单”，你可以提升在前端开发中的动态交互设计能力，更好地理解和掌握JavaScript在实际项目中的应用。这个资源不仅可以帮助你实现一个功能完备的菜单系统，同时也是...
### JS三级联动下拉框知识点解析 #### 一、知识点概览 在Web开发中，三级联动下拉框是一种常见的用户交互方式，主要用于提供多级数据选择的功能，比如省份、城市、区县的选择等场景。该功能通过JavaScript实现，...
在前端开发中，"js三级联动...总结，实现js三级联动下拉选择菜单涉及JavaScript基础，DOM操作，事件监听，以及可能的异步数据加载。开发者需要理解这些基本概念并能灵活运用，才能创建出高效且用户友好的前端交互功能。
在网页开发中，"下拉列表 js三级联动"是一个常见的交互设计，主要用于创建多级关联的选择效果，例如在地区选择中，用户先选择国家，接着是省份，最后是城市。这种设计可以为用户提供清晰的导航，并减少输入错误。在...
通过以上分析，我们可以看出，JS三级联动菜单是通过精心设计的数据结构和有效的JavaScript逻辑来实现的。它不仅提高了用户界面的交互性和可用性，也为处理多层次数据提供了高效的方法。在实际开发中，掌握并灵活运用...
在本主题"JS三级联动不间断滚动"中，我们将探讨如何使用JavaScript实现多级菜单之间的联动以及持续滚动的效果。 首先，我们需要理解“三级联动”的概念。在网页设计中，联动通常是指当用户在一个下拉菜单或选项中...