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


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制作居中遮罩层效果分享
Feb 21 Javascript
js从Cookies里面取值的简单实现
Jun 30 Javascript
通过JS来动态的修改url,实现对url的增删查改
Sep 01 Javascript
js实现使用鼠标拖拽切换图片的方法
May 04 Javascript
小发现之浅谈location.search与location.hash的问题
Jun 23 Javascript
最新Javascript程序员面试试题和解题方法
Nov 23 Javascript
解决Jquery下拉框数据动态获取的问题
Jan 25 jQuery
vscode下的vue文件格式化问题
Nov 28 Javascript
javascriptvoid(0)含义以及与&quot;#&quot;的区别讲解
Jan 19 Javascript
基于mpvue搭建微信小程序项目框架的教程详解
Apr 10 Javascript
jQuery中使用validate插件校验表单功能
May 24 jQuery
vue动态子组件的两种实现方式
Sep 01 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加密解密函数authcode的用法详细解析
2013/10/28 PHP
使用PHP实现下载CSS文件中的图片
2015/12/06 PHP
如何在Laravel5.8中正确地应用Repository设计模式
2019/11/26 PHP
宝塔面板在NGINX环境中TP5.1如何运行?
2021/03/09 PHP
jQuery弹出层插件简化版代码下载
2008/10/16 Javascript
基于JQuery的密码强度验证代码
2010/03/01 Javascript
33个优秀的 jQuery 图片展示插件分享
2012/03/14 Javascript
JQuery $.each遍历JavaScript数组对象实例
2014/09/01 Javascript
javascript中日期函数new Date()的浏览器兼容性问题
2015/09/05 Javascript
运用js教你轻松制作html音乐播放器
2020/04/17 Javascript
谈谈JS中常遇到的浏览器兼容问题和解决方法
2016/12/17 Javascript
Javascript创建类和对象详解
2017/05/31 Javascript
Nodejs回调加超时限制两种实现方法
2017/06/09 NodeJs
基于nodejs实现微信支付功能
2017/12/20 NodeJs
浅谈React组件之性能优化
2018/03/02 Javascript
详解extract-text-webpack-plugin 的使用及安装
2018/06/12 Javascript
axios如何利用promise无痛刷新token的实现方法
2019/08/27 Javascript
JS数组属性去重并校验重复数据
2020/01/10 Javascript
[45:16]完美世界DOTA2联赛PWL S3 Magma vs Phoenix 第一场 12.12
2020/12/16 DOTA
python 实现插入排序算法
2012/06/05 Python
python中os模块详解
2016/10/14 Python
一个基于flask的web应用诞生 flask和mysql相连(4)
2017/04/11 Python
Django框架实现逆向解析url的方法
2018/07/04 Python
Windows下PyCharm安装图文教程
2018/08/27 Python
python实现飞机大战
2018/09/11 Python
python 使用正则表达式按照多个空格分割字符的实例
2018/12/20 Python
python使用adbapi实现MySQL数据库的异步存储
2019/03/19 Python
Python Request爬取seo.chinaz.com百度权重网站的查询结果过程解析
2019/08/13 Python
如何分离django中的媒体、静态文件和网页
2019/11/12 Python
将自己的数据集制作成TFRecord格式教程
2020/02/17 Python
Pycharm Plugins加载失败问题解决方案
2020/11/28 Python
Intimissimi德国网上商店:意大利知名内衣品牌
2018/04/03 全球购物
模具设计与制造专业求职信
2014/07/19 职场文书
医生辞职信范文
2015/03/02 职场文书
劳动保障个人工作总结
2015/03/04 职场文书
2016新年慰问信范文
2015/03/25 职场文书