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


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.getScript加载同域JS的代码
Feb 13 Javascript
JS小功能(button选择颜色)简单实例
Nov 29 Javascript
Javascript 数组排序详解
Oct 22 Javascript
javascript实现百度地图鼠标滑动事件显示、隐藏
Apr 02 Javascript
javascript拖拽效果延伸学习
Apr 04 Javascript
JS中this上下文对象使用方式
Oct 09 Javascript
jQuery实现鼠标悬停3d菜单展开动画效果
Jan 19 Javascript
svg动画之动态描边效果
Feb 22 Javascript
Nuxt.js实战详解
Jan 18 Javascript
vue观察模式浅析
Sep 25 Javascript
jQuery中each和js中forEach的区别分析
Feb 27 jQuery
使用axios发送post请求,将JSON数据改为form类型的示例
Oct 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 使用GD库为页面增加水印示例代码
2014/03/24 PHP
微信公众号开发之语音消息识别php代码
2016/08/08 PHP
php实现XML和数组的相互转化功能示例
2017/02/08 PHP
PHP策略模式定义与用法示例
2017/07/27 PHP
另一个javascript小测验(代码集合)
2011/07/27 Javascript
js实现动态改变字体大小代码
2014/01/02 Javascript
node.js中的buffer.slice方法使用说明
2014/12/10 Javascript
javascript仿京东导航左侧分类导航下拉菜单效果
2020/11/25 Javascript
15个值得开发人员关注的jQuery开发技巧和心得总结【经典收藏】
2016/05/25 Javascript
AngularJS 简单应用实例
2016/07/28 Javascript
分享JS数组求和与求最大值的方法
2016/08/11 Javascript
js实现简单的二级联动效果
2017/03/09 Javascript
利用js定义一个导航条菜单
2017/03/14 Javascript
Three.js利用顶点绘制立方体的方法详解
2017/09/27 Javascript
页面点击小红心js实现代码
2018/05/26 Javascript
vue.js实现格式化时间并每秒更新显示功能示例
2018/07/07 Javascript
解决vue props 拿不到值的问题
2018/09/11 Javascript
浅析JS中什么是自定义react数据验证组件
2018/10/19 Javascript
微信小程序tabbar底部导航
2018/11/05 Javascript
深入了解JavaScript 的 WebAssembly
2019/06/15 Javascript
Windows下安装 node 的版本控制工具 nvm
2020/02/06 Javascript
vue中touch和click共存的解决方式
2020/07/28 Javascript
[45:18]2018DOTA2亚洲邀请赛 4.3 突围赛 Optic vs iG 第一场
2018/04/04 DOTA
Pyramid将models.py文件的内容分布到多个文件的方法
2013/11/27 Python
python爬取网易云音乐评论
2018/11/16 Python
python防止随意修改类属性的实现方法
2019/08/21 Python
Python多继承以及MRO顺序的使用
2019/11/11 Python
使用Bazel编译TensorBoard教程
2020/02/15 Python
Python编写万花尺图案实例
2021/01/03 Python
AVIS安飞士奥地利租车官网:提供奥地利、欧洲和全世界汽车租赁
2016/11/29 全球购物
美国波西米亚风格服装品牌:Show Me Your Mumu
2018/01/05 全球购物
.net开发工程师面试题
2014/02/25 面试题
高中生自我鉴定范文
2013/10/30 职场文书
超市中秋节促销方案
2014/03/21 职场文书
小学教师工作总结2015
2015/04/07 职场文书
Python使用Web框架Flask开发项目
2022/06/01 Python