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


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 相关文章推荐
用js实现控制内容的向上向下滚动效果
Jun 26 Javascript
jquery实现div阴影效果示例代码
Sep 16 Javascript
基于javascript实现动态显示当前系统时间
Jan 28 Javascript
JavaScript动态添加css样式和script标签
Jul 19 Javascript
javascript获取网页各种高宽及位置的方法总结
Jul 27 Javascript
基于javascript的Form表单验证
Dec 29 Javascript
vue iview组件表格 render函数的使用方法详解
Mar 15 Javascript
教你完全理解ReentrantLock重入锁
Jun 03 Javascript
vue使用nprogress加载路由进度条的方法
Jun 04 Javascript
vue自定义组件(通过Vue.use()来使用)即install的用法说明
Aug 11 Javascript
Vue3为什么这么快
Sep 23 Javascript
javascript的var与let,const之间的区别详解
Feb 18 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
PHP echo,print,printf,sprintf函数之间的区别与用法详解
2013/11/27 PHP
header导出Excel应用示例
2014/01/24 PHP
golang、python、php、c++、c、java、Nodejs性能对比
2017/03/12 NodeJs
PHP实现简易计算器功能
2020/08/28 PHP
ThinkPHP3.1.2 使用cli命令行模式运行的方法
2020/04/14 PHP
js文件中调用js的实现方法小结
2009/10/23 Javascript
javascript中使用css需要注意的地方小结
2010/09/01 Javascript
JavaScript组件焦点与页内锚点间传值的方法
2015/02/02 Javascript
JavaScript驾驭网页-获取网页元素
2016/03/24 Javascript
判断是否存在子节点的实现代码
2016/05/18 Javascript
js实现弹窗暗层效果
2017/01/16 Javascript
BootStrap 图片样式、辅助类样式和CSS组件的实例详解
2017/01/20 Javascript
其实你可以少写点if else与switch(推荐)
2019/01/10 Javascript
vue中axios请求的封装实例代码
2019/03/23 Javascript
Vue开发环境跨域访问问题
2020/01/22 Javascript
ElementUI Tree 树形控件的使用并给节点添加图标
2020/02/27 Javascript
Node.js API详解之 readline模块用法详解
2020/05/22 Javascript
Chrome插件开发系列一:弹窗终结者开发实战
2020/10/02 Javascript
[01:01:23]完美世界DOTA2联赛PWL S2 Forest vs FTD.C 第一场 11.26
2020/11/30 DOTA
wxPython学习之主框架实例
2014/09/28 Python
python初学之用户登录的实现过程(实例讲解)
2017/12/23 Python
kafka-python批量发送数据的实例
2018/12/27 Python
Python检测数据类型的方法总结
2019/05/20 Python
Django Form 实时从数据库中获取数据的操作方法
2019/07/25 Python
python return逻辑判断表达式实现解析
2019/12/02 Python
Python HTTP下载文件并显示下载进度条功能的实现
2020/04/02 Python
Python json读写方式和字典相互转化
2020/04/18 Python
解决keras,val_categorical_accuracy:,0.0000e+00问题
2020/07/02 Python
HTML5 Canvas绘制五星红旗
2016/05/04 HTML / CSS
美国现代家具和家居商店:Apt2B
2016/08/29 全球购物
vue项目实现分页效果
2021/03/24 Vue.js
营业员个人总结的自我评价
2013/10/25 职场文书
致1500米运动员广播稿
2014/02/07 职场文书
三分钟演讲稿事例
2014/03/03 职场文书
商务英语求职信范文
2015/03/19 职场文书
2015年财务科工作总结范文
2015/05/13 职场文书