封装好的省市地区联动控件附下载


Posted in Javascript onAugust 13, 2007

所有的地址数据都放在js文件里面,调用该控件的方法很简单:

<script type="text/javascript">
 var area = new AreaCtrl("省份:","城市:","地区:");
 area.write();
</script>

AreaCtrl 类最多有3个参数,如上例的"省份","城市","地区",这里的文字是下拉框左边的文字,如果只写1或2个参数,那么控件也只输出省份或省市联动。比如 new AreaCtrl("省份","城市"),那么只有2个下拉框,地址精确到城市。

area 有2个属性,2个方法。

属性:

name
定义控件名称。值必须是数组类型,比如 ["Province","City","Area"],将会给3个下拉框定义其name属性,分别为Province,City,Area。 
value
初始化控件的默认值。其值必须是地区编码数字,比如广东的编码是 440000,深圳的编码是440300 
方法:

write
areaObject.write()
输出控件。输出的位置根据此语句的位置而定。 
writeIn
areaObject.writeIn( node [ ,append ] )
输出控件。输出的位置指定节点而定,node可以是id号,也可以是结构节点。
append 为布尔类型值,默认为false。当为true时,控件将在指定的位置续写。

area.js

Javascript 相关文章推荐
Prototype 学习 工具函数学习($方法)
Jul 12 Javascript
javascript创建数组之联合数组的使用方法示例
Dec 26 Javascript
Android中的jQuery:AQuery简介
May 06 Javascript
再JavaScript的jQuery库中编写动画效果的指南
Aug 13 Javascript
实例解析jQuery插件EasyUI最常用的表单验证规则
Nov 29 Javascript
JavaScript类型系统之基本数据类型与包装类型
Jan 06 Javascript
学习JavaScript设计模式之享元模式
Jan 18 Javascript
AngularJS控制器详解及示例代码
Aug 16 Javascript
vue项目中引入noVNC远程桌面的方法
Mar 05 Javascript
MVVM框架下实现分页功能示例
Jun 14 Javascript
在移动端使用vue-router和keep-alive的方法示例
Dec 02 Javascript
深入浅析golang zap 日志库使用(含文件切割、分级别存储和全局使用等)
Feb 19 Javascript
分享别人写的一个小型js框架
Aug 13 #Javascript
javascript下查找父节点的简单方法
Aug 13 #Javascript
根据地区不同显示时间的javascript代码
Aug 13 #Javascript
解决使用attachEvent函数时,this指向被绑定的元素的问题的方法
Aug 13 #Javascript
Track Image Loading效果代码分析
Aug 13 #Javascript
不错的JS中变量相关的细节分析
Aug 13 #Javascript
javascript-TreeView父子联动效果保持节点状态一致
Aug 12 #Javascript
You might like
深入理解 PHP7 中全新的 zval 容器和引用计数机制
2018/10/15 PHP
浅谈PHP中的那些魔术常量
2020/12/02 PHP
JavaScript和ActionScript的交互实现代码
2010/08/01 Javascript
Jquery下:nth-child(an+b)的使用注意
2011/05/28 Javascript
使用JavaScript实现网页版Pongo设计思路及源代码分享
2014/06/16 Javascript
jquery 设置style:display的方法
2015/01/29 Javascript
深入浅析JavaScript的API设计原则
2016/06/14 Javascript
Javascript中级语法快速入手
2016/07/30 Javascript
Bootstrap CDN和本地化环境搭建
2016/10/26 Javascript
老生常谈js-react组件生命周期
2017/05/02 Javascript
Vue实现typeahead组件功能(非常靠谱)
2017/08/26 Javascript
基于js 字符串indexof与search方法的区别(详解)
2017/12/04 Javascript
vue观察模式浅析
2018/09/25 Javascript
浅谈angular表单提交中ng-submit的默认使用方法
2018/09/30 Javascript
JS+CSS3实现的简易钟表效果示例
2019/04/13 Javascript
js实现图片跟随鼠标移动效果
2019/10/16 Javascript
vue中使用WX-JSSDK的两种方法(推荐)
2020/01/18 Javascript
解决Vue @submit 提交后不刷新页面问题
2020/07/18 Javascript
vue实现标签云效果的示例
2020/11/09 Javascript
js观察者模式的弹幕案例
2020/11/23 Javascript
在Python中操作时间之tzset()方法的使用教程
2015/05/22 Python
Django中使用group_by的方法
2015/05/26 Python
Python编程求解二叉树中和为某一值的路径代码示例
2018/01/04 Python
Python处理时间日期坐标轴过程详解
2019/06/25 Python
Anaconda+Pycharm环境下的PyTorch配置方法
2020/03/13 Python
python 如何把docker-compose.yaml导入到数据库相关条目里
2021/01/15 Python
使用canvas绘制贝塞尔曲线
2014/12/17 HTML / CSS
英国健身超市:Fitness Superstore
2019/06/17 全球购物
实习生个人的自我评价
2013/12/08 职场文书
八年级历史教学反思
2014/01/10 职场文书
《守株待兔》教学反思
2014/03/01 职场文书
本科生求职信
2014/06/17 职场文书
2014年安全生产工作总结
2014/11/13 职场文书
会计简历自我评价
2015/03/10 职场文书
员工年度工作总结2015
2015/05/18 职场文书
十大最强奥特曼武器:怪兽战斗仪在榜,第五奥特之父只使用过一次
2022/03/18 日漫