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


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 相关文章推荐
Extjs4 消息框去掉关闭按钮(类似Ext.Msg.alert)
Apr 02 Javascript
js实现checkbox全选、不选与反选的方法
Feb 09 Javascript
JavaScript多图片上传案例
Sep 28 Javascript
jQuery+CSS实现一个侧滑导航菜单代码
May 09 Javascript
详细解读Jquery各Ajax函数($.get(),$.post(),$.ajax(),$.getJSON())
Aug 15 Javascript
jQuery表单验证简单示例
Oct 17 Javascript
详解微信小程序开发—你期待的分享功能来了,微信小程序序新增5大功能
Dec 23 Javascript
vue和webpack安装命令详解
Jun 15 Javascript
Layer弹出层动态获取数据的方法
Aug 20 Javascript
用原生 JS 实现 innerHTML 功能实例详解
Apr 03 Javascript
vue 组件开发原理与实现方法详解
Nov 29 Javascript
微信小程序跨页面传递data数据方法解析
Dec 13 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实现的敏感词过滤方法示例
2019/03/06 PHP
Thinkphp框架使用list_to_tree 实现无限级分类列出所有节点示例
2020/04/04 PHP
JavaScript 事件冒泡简介及应用
2010/01/11 Javascript
jquery监控数据是否变化(修正版)
2011/04/12 Javascript
你必须知道的Javascript知识点之&quot;this指针&quot;的应用
2013/04/23 Javascript
解析jQuery的三种bind/One/Live事件绑定使用方法
2013/12/30 Javascript
js判断字符长度及中英文数字等
2014/03/19 Javascript
60个很实用的jQuery代码开发技巧收集
2014/12/15 Javascript
Javascript简单实现面向对象编程继承实例代码
2015/11/27 Javascript
Jquery元素追加和删除的实现方法
2016/05/24 Javascript
JS组件Bootstrap Table布局详解
2016/05/27 Javascript
一个极为简单的requirejs实现方法
2016/10/20 Javascript
JS实现的适合做faq或menu滑动效果示例
2016/11/17 Javascript
bootstrap datetimepicker实现秒钟选择下拉框
2017/01/05 Javascript
Layui 解决表格异步调用后台分页的问题
2019/10/26 Javascript
微信小程序修改数组长度的问题的解决
2019/12/17 Javascript
Python守护进程用法实例分析
2015/06/04 Python
浅谈python中的实例方法、类方法和静态方法
2017/02/17 Python
Apache如何部署django项目
2017/05/21 Python
解决PyCharm中光标变粗的问题
2017/08/05 Python
python PyTorch预训练示例
2018/02/11 Python
Python实现的堆排序算法示例
2018/04/29 Python
Python连接Mssql基础教程之Python库pymssql
2018/09/16 Python
python 默认参数相关知识详解
2019/09/18 Python
pytorch三层全连接层实现手写字母识别方式
2020/01/14 Python
Ootori在线按摩椅店:一家专业的按摩椅制造商
2019/04/10 全球购物
探亲假请假条
2014/04/11 职场文书
学校爱国卫生月活动总结
2014/06/25 职场文书
商业企业管理专业求职信
2014/07/10 职场文书
晋江市委常委班子四风问题整改工作方案
2014/10/26 职场文书
合同权益转让协议书模板
2014/11/18 职场文书
2014年信用社工作总结
2014/11/25 职场文书
追悼会答谢词
2015/01/05 职场文书
借款民事起诉状范文
2015/05/19 职场文书
Nginx隐藏式跳转(浏览器URL跳转后保持不变)
2022/04/07 Servers
zabbix 代理服务器的部署与 zabbix-snmp 监控问题
2022/07/15 Servers