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


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 相关文章推荐
关于B/S判断浏览器断开的问题讨论
Oct 29 Javascript
Jquery 获取表单text,areatext,radio,checkbox,select值的代码
Nov 12 Javascript
jquery.cvtooltip.js 基于jquery的气泡提示插件
Nov 19 Javascript
javascript实现简单的进度条
Jul 02 Javascript
jquery实现文本框的禁用和启用
Dec 07 Javascript
js获取指定时间的前几秒
Apr 05 Javascript
vue子父组件通信的实现代码
Jul 09 Javascript
bootstrap时间插件daterangepicker使用详解
Oct 19 Javascript
vue + webpack如何绕过QQ音乐接口对host的验证详解
Jul 01 Javascript
jQuery实现炫丽的3d旋转星空效果
Jul 04 jQuery
node.js使用免费的阿里云ip查询获取ip所在地【推荐】
Sep 03 Javascript
JQuery发送ajax请求时中文乱码问题解决
Nov 14 jQuery
分享别人写的一个小型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
使用sockets:从新闻组中获取文章(二)
2006/10/09 PHP
php中的一个中文字符串截取函数
2007/02/14 PHP
php中关于codeigniter的xmlrpc的类在进行数据交换时的类型问题
2011/07/03 PHP
php之XML转数组函数的详解
2013/06/07 PHP
yii2.0实现pathinfo的形式访问的配置方法
2016/04/06 PHP
ubutu 16.04环境下,PHP与mysql数据库,网页登录验证实例讲解
2017/07/20 PHP
在JavaScript中通过URL传递汉字的方法
2007/04/09 Javascript
理清apply(),call()的区别和关系
2011/08/14 Javascript
基于SVG的web页面图形绘制API介绍及编程演示
2013/06/28 Javascript
jquery实现滑屏大图定时收缩为小banner图片的广告代码
2015/09/02 Javascript
基于BootStrap Metronic开发框架经验小结【八】框架功能总体界面介绍
2016/05/12 Javascript
JavaScript核心语法总结(推荐)
2016/06/02 Javascript
JS控制div跳转到指定的位置的几种解决方案总结
2016/11/05 Javascript
微信小程序 后台https域名绑定和免费的https证书申请详解
2016/11/10 Javascript
微信小程序 常用工具类详解及实例
2017/02/15 Javascript
JavaScript设计模式之观察者模式(发布订阅模式)原理与实现方法示例
2018/07/27 Javascript
JavaScript捕捉事件和阻止冒泡事件实例分析
2018/08/03 Javascript
Angular异步变同步处理方法
2018/08/13 Javascript
解决Ant Design Modal内嵌Form表单initialValue值不动态更新问题
2020/10/29 Javascript
JS实现纸牌发牌动画
2021/01/19 Javascript
对命令行模式与python交互模式介绍
2018/05/12 Python
python selenium 对浏览器标签页进行关闭和切换的方法
2018/05/21 Python
python 利用栈和队列模拟递归的过程
2018/05/29 Python
解决Shell执行python文件,传参空格引起的问题
2018/10/30 Python
解决python中无法自动补全代码的问题
2018/12/04 Python
pandas中的series数据类型详解
2019/07/06 Python
Python实现随机爬山算法
2021/01/29 Python
CSS3中使用RGBA设置透明度的示例
2015/08/04 HTML / CSS
教师岗位职责
2013/11/17 职场文书
教导处工作制度
2014/01/18 职场文书
新闻编辑自荐书范文
2014/02/12 职场文书
预防传染病方案
2014/06/14 职场文书
2014年幼儿园教研工作总结
2014/12/04 职场文书
幼儿园校车安全责任书
2015/05/08 职场文书
九年级化学教学反思
2016/02/22 职场文书
Ajax 的初步实现(使用vscode+node.js+express框架)
2021/06/18 Javascript