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


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 相关文章推荐
Ajax::prototype 源码解读
Jan 22 Javascript
JavaScript获取GridView选择的行内容
Apr 14 Javascript
JS对外部文件的加载及对IFRMAME的加载的实现,当加载完成后,指定指向方法(方法回调)
Jul 04 Javascript
js修改原型的属性使用介绍
Jan 26 Javascript
利用JavaScript实现拖拽改变元素大小
Dec 14 Javascript
小程序开发实战:实现九宫格界面的导航的代码实现
Jan 19 Javascript
Angularjs中ng-repeat的简单实例
Aug 25 Javascript
vue生成token并保存到本地存储中
Jul 17 Javascript
JavaScript实用代码小技巧
Aug 23 Javascript
JavaScript深入V8引擎以及编写优化代码的5个技巧
Jun 24 Javascript
JS内置对象和Math对象知识点详解
Apr 03 Javascript
js实现跳一跳小游戏
Jul 31 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中error_reporting()函数的用法(修改PHP屏蔽错误)
2011/07/01 PHP
工厂模式在Zend Framework中应用介绍
2012/07/10 PHP
PHP实现GIF图片验证码
2015/11/04 PHP
刷新页面的几种方法小结(JS,ASP.NET)
2014/01/07 Javascript
js实现的map方法示例代码
2014/01/13 Javascript
javascript中bind函数的作用实例介绍
2014/09/28 Javascript
jquery使用ul模拟select实现表单美化的方法
2015/08/18 Javascript
jquery实现删除一个元素后面的所有元素功能
2015/12/21 Javascript
AngularJS 自定义指令详解及示例代码
2016/08/17 Javascript
微信小程序 Template详解及简单实例
2017/01/05 Javascript
JS实现的DIV块来回滚动效果示例
2017/02/07 Javascript
微信小程序  TLS 版本必须大于等于1.2问题解决
2017/02/22 Javascript
ES6新特性六:promise对象实例详解
2017/04/21 Javascript
vue组件Prop传递数据的实现示例
2017/08/17 Javascript
关于预加载InstantClick的问题解决方法
2017/09/12 Javascript
Vue.js2.0中的变化小结
2017/10/24 Javascript
JavaScript程序设计高级算法之动态规划实例分析
2017/11/24 Javascript
WebSocket的通信过程与实现方法详解
2018/04/29 Javascript
解决Js先触发失去焦点事件再执行点击事件的问题
2018/08/30 Javascript
node版本管理工具n包使用教程详解
2018/11/09 Javascript
vue组件从开发到发布的实现步骤
2018/11/11 Javascript
js实现图片3D轮播效果
2019/09/21 Javascript
vue路由切换时取消之前的所有请求操作
2020/09/01 Javascript
[48:44]2014 DOTA2国际邀请赛中国区预选赛5.21 TongFu VS HGT
2014/05/22 DOTA
Python编程入门之Hello World的三种实现方式
2015/11/13 Python
Python常见异常分类与处理方法
2017/06/04 Python
python中列表和元组的区别
2017/12/18 Python
使用Python实现租车计费系统的两种方法
2018/09/29 Python
python实现将文件夹内的每张图片批量分割成多张
2019/07/22 Python
python将下载到本地m3u8视频合成MP4的代码详解
2020/11/24 Python
解决TensorFlow训练模型及保存数量限制的问题
2021/03/03 Python
分家协议书
2014/04/21 职场文书
环保建议书400字
2014/05/14 职场文书
咖啡店创业计划书范文
2014/09/15 职场文书
端午节活动总结报告
2015/02/11 职场文书
Python编写可视化界面的全过程(Python+PyCharm+PyQt)
2021/05/17 Python