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


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 添加节点的几种方法介绍
Sep 04 Javascript
js调用浏览器打印模块实现点击按钮触发自定义函数
Mar 21 Javascript
JavaScript常用数组算法小结
Feb 13 Javascript
详解基于javascript实现的苹果系统底部菜单
Dec 02 Javascript
详解RequireJS按需加载样式文件
Apr 12 Javascript
原生JS实现层叠轮播图
May 17 Javascript
Bootstrap table使用方法记录
Aug 23 Javascript
JS使用Date对象实时显示当前系统时间简单示例
Aug 23 Javascript
详解React中传入组件的props改变时更新组件的几种实现方法
Sep 13 Javascript
uni-app微信小程序登录并使用vuex存储登录状态的思路详解
Nov 04 Javascript
微信小程序实现点击页面出现文字
Sep 21 Javascript
JavaScript中的Proxy对象
Nov 27 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 日期时间函数的高级应用技巧
2009/10/10 PHP
PHP删除HTMl标签的三种解决方法
2013/06/30 PHP
ThinkPHP做文字水印时提示call an undefined function exif_imagetype()解决方法
2014/10/30 PHP
php+mysql数据库实现无限分类的方法
2014/12/12 PHP
PHP中的命名空间详细介绍
2015/07/02 PHP
PHP实现的简单分页类及用法示例
2016/05/06 PHP
PHP编程文件处理类SplFileObject和SplFileInfo用法实例分析
2017/07/22 PHP
php实现生成带二维码图片并强制下载功能
2018/02/24 PHP
前淘宝前端开发工程师阿当的PPT中有JS技术理念问题
2010/01/15 Javascript
使用js dom和jquery分别实现简单增删改
2014/09/11 Javascript
详解bootstrap的modal-remote两种加载方式【强化】
2017/01/27 Javascript
angular 基于ng-messages的表单验证实例
2017/05/04 Javascript
JS和Canvas实现图片的预览压缩和上传功能
2018/03/30 Javascript
微信小程序实现slideUp、slideDown滑动效果及点击空白隐藏功能示例
2018/12/11 Javascript
JavaScript学习笔记之图片库案例分析
2019/01/08 Javascript
Vue 动态组件components和v-once指令的实现
2019/08/30 Javascript
详解vue中$nextTick和$forceUpdate的用法
2019/12/11 Javascript
JS数组转字符串实现方法解析
2020/09/04 Javascript
vue v-model的用法解析
2020/10/19 Javascript
在react项目中使用antd的form组件,动态设置input框的值
2020/10/24 Javascript
[44:26]DOTA2上海特级锦标赛主赛事日 - 2 胜者组第一轮#4EG VS Fnatic第二局
2016/03/03 DOTA
[36:22]VP vs Serenity 2018国际邀请赛小组赛BO2 第一场 8.16
2018/08/17 DOTA
阿里云ECS服务器部署django的方法
2019/08/29 Python
Python简易计算器制作方法代码详解
2019/10/31 Python
什么是Python中的匿名函数
2020/06/02 Python
python中get和post有什么区别
2020/06/19 Python
浅析python 通⽤爬⾍和聚焦爬⾍
2020/09/28 Python
英国街头品牌:Bee Inspired Clothing
2018/02/12 全球购物
20年同学聚会感言
2014/02/03 职场文书
前处理组长岗位职责
2014/03/01 职场文书
新颖的化妆品活动方案
2014/08/21 职场文书
销售员试用期自我评价
2014/09/15 职场文书
中小学生学籍证明
2014/10/25 职场文书
2015年小学语文教学工作总结
2015/05/25 职场文书
对Golang中的FORM相关字段理解
2021/05/02 Golang
分享几个简单MySQL优化小妙招
2022/03/31 MySQL