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


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 相关文章推荐
javascript JSON操作入门实例
Apr 16 Javascript
jQuery中:submit选择器用法实例
Jan 03 Javascript
深入理解JavaScript函数参数(推荐)
Jul 26 Javascript
jQuery查找节点并获取节点属性的方法
Sep 09 Javascript
Jquery给当前页或者跳转后页面的导航栏添加选中后样式的实例
Dec 08 Javascript
详解react服务端渲染(同构)的方法
Sep 21 Javascript
JS实现处理时间,年月日,星期的公共方法示例
May 31 Javascript
JS中this的4种绑定规则详解
Feb 04 Javascript
将Vue组件库更换为按需加载的方法步骤
May 06 Javascript
解决echarts 一条柱状图显示两个值,类似进度条的问题
Jul 20 Javascript
基于vue--key值的特殊用处详解
Jul 31 Javascript
利用PHP实现递归删除链表元素的方法示例
Oct 23 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 字符串编码截取函数(兼容utf-8和gb2312)
2009/05/02 PHP
PHP生成数组再传给js的方法
2014/08/07 PHP
Laravel 5框架学习之向视图传送数据
2015/04/08 PHP
CI框架实现cookie登陆的方法详解
2016/05/18 PHP
PHP实现的分页类定义与用法示例
2017/07/05 PHP
win7 wamp 64位 php环境开启curl服务遇到的问题及解决方法
2018/09/16 PHP
PHP PDOStatement::errorInfo讲解
2019/01/31 PHP
刷新页面的几种方法小结(JS,ASP.NET)
2014/01/07 Javascript
JavaScript实现DIV层拖动及动态增加新层的方法
2015/05/12 Javascript
vue使用keep-alive实现数据缓存不刷新
2017/10/21 Javascript
React 高阶组件入门介绍
2018/01/11 Javascript
解决Layui选择全部,换页checkbox复选框重新勾选的问题方法
2018/08/14 Javascript
用npm-run实现自动化任务的方法示例
2019/01/14 Javascript
Javascript作用域和作用域链原理解析
2020/03/03 Javascript
Vue仿Bibibili首页的问题
2021/01/21 Vue.js
[43:24]2018DOTA2亚洲邀请赛3月29日 小组赛A组 LGD VS Liquid
2018/03/30 DOTA
Python、PyCharm安装及使用方法(Mac版)详解
2017/04/28 Python
Python遍历文件夹和读写文件的实现方法
2017/05/10 Python
python中的反斜杠问题深入讲解
2019/08/12 Python
python3使用print打印带颜色的字符串代码实例
2019/08/22 Python
python 利用已有Ner模型进行数据清洗合并代码
2019/12/24 Python
Python3实现飞机大战游戏
2020/04/24 Python
python开发一个解析protobuf文件的简单编译器
2020/11/17 Python
windows系统Tensorflow2.x简单安装记录(图文)
2021/01/18 Python
详解tf.device()指定tensorflow运行的GPU或CPU设备实现
2021/02/20 Python
美国女士时尚珠宝及配饰购物网站:Icing
2018/07/02 全球购物
Java的for语句中break, continue和return的区别
2013/12/19 面试题
师范应届生教师求职信
2013/11/05 职场文书
竞选班长演讲稿
2013/12/30 职场文书
红领巾广播站广播稿
2014/02/01 职场文书
教师应聘自荐信范文
2014/03/14 职场文书
入党推优材料
2014/06/02 职场文书
2014年商场国庆节活动策划方案
2014/09/16 职场文书
解放思想大讨论活动总结
2015/05/09 职场文书
2017年大学生寒假社会实践活动总结
2016/04/06 职场文书
2019年图书室自查报告范本
2019/10/12 职场文书