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


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 相关文章推荐
不同Jquery版本引发的问题解决
Oct 14 Javascript
JavaScript中的eval()函数使用介绍
Dec 31 Javascript
javascript检测两个数组是否相似
May 19 Javascript
jQuery实现checkbox全选的方法
Jun 10 Javascript
在Node.js中使用HTTP上传文件的方法
Jun 23 Javascript
JavaScript原生xmlHttp与jquery的ajax方法json数据格式实例
Dec 04 Javascript
jQuery基本过滤选择器用法示例
Sep 09 Javascript
浅析script标签中的defer与async属性
Nov 30 Javascript
Bootstrap CSS组件之大屏幕展播
Dec 17 Javascript
深入浅析ES6 Class 中的 super 关键字
Oct 20 Javascript
JS/HTML5游戏常用算法之追踪算法实例详解
Dec 12 Javascript
解决vue cli4升级sass-loader(v8)后报错问题
Jul 30 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
深入file_get_contents函数抓取内容失败的原因分析
2013/06/25 PHP
ThinkPHP开发框架函数详解:C方法
2015/08/14 PHP
php实现异步数据调用的方法
2015/12/24 PHP
Zend Framework校验器Zend_Validate用法详解
2016/12/09 PHP
php7安装mongoDB扩展的方法分析
2017/08/02 PHP
javascript 多浏览器 事件大全
2010/03/23 Javascript
基于Jquery的实现回车键Enter切换焦点
2010/09/14 Javascript
jquery实现心算练习代码
2010/12/06 Javascript
jQuery的slideToggle方法实例
2013/05/07 Javascript
jQuery Trim去除字符串首尾空字符的实现方法说明
2014/02/11 Javascript
js对文章内容进行分页示例代码
2014/03/05 Javascript
jquery如何根据值设置默认的选中项
2014/03/17 Javascript
jquery实现的树形目录实例
2015/06/26 Javascript
JS实现点击按钮控制Div变宽、增高及调整背景色的方法
2015/08/05 Javascript
基于JQuery的购物车添加删除以及结算功能示例
2017/03/08 Javascript
详解用vue.js和laravel实现微信支付
2017/06/23 Javascript
微信小程序 蓝牙的实现实例代码
2017/06/27 Javascript
Axios学习笔记之使用方法教程
2017/07/21 Javascript
微信小程序与后台PHP交互的方法实例分析
2018/12/10 Javascript
vue项目中使用fetch的实现方法
2019/04/25 Javascript
Vue.js中的组件系统
2019/05/30 Javascript
Python urlopen 使用小示例
2008/09/06 Python
Python获取apk文件URL地址实例
2013/11/01 Python
Python下使用Psyco模块优化运行速度
2015/04/05 Python
用python记录运行pid,并在需要时kill掉它们的实例
2017/01/16 Python
Python 3.6 -win64环境安装PIL模块的教程
2019/06/20 Python
Django模型修改及数据迁移实现解析
2019/08/01 Python
Mac 使用python3的matplot画图不显示的解决
2019/11/23 Python
英国排名第一的在线宠物用品商店:Monster Pet Supplies
2018/05/20 全球购物
英国乐购杂货:Tesco Groceries
2018/11/29 全球购物
日本AOKI官方商城:AOKI西装
2020/06/11 全球购物
信息技术教学反思
2014/02/12 职场文书
演讲稿格式范文
2014/05/19 职场文书
社区党员群众路线教育实践活动心得体会
2014/11/03 职场文书
2014年领班工作总结
2014/11/25 职场文书
百家讲坛观后感
2015/06/12 职场文书