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


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 幻灯插件和教程
Mar 27 Javascript
js中将URL中的参数提取出来作为对象的实现代码
Aug 16 Javascript
JS判断不同分辨率调用不同的CSS样式文件实现思路及测试代码
Jan 23 Javascript
jQuery实现复选框全选/取消全选/反选及获得选择的值
Jun 12 Javascript
向JavaScript的数组中添加元素的方法小结
Oct 24 Javascript
BootStrap响应式导航条实例介绍
May 06 Javascript
详解angular2封装material2对话框组件
Mar 03 Javascript
vue-cli如何引入bootstrap工具的方法
Oct 19 Javascript
浅析前端路由简介以及vue-router实现原理
Jun 01 Javascript
其实你可以少写点if else与switch(推荐)
Jan 10 Javascript
vue微信分享的实现(在当前页面分享其他页面)
Apr 16 Javascript
element el-tree组件的动态加载、新增、更新节点的实现
Feb 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获取指定函数定义在哪个文件中以及其所在的行号实例
2014/05/08 PHP
PHP中应该避免使用同名变量(拆分临时变量)
2015/04/03 PHP
php bootstrap实现简单登录
2016/03/08 PHP
thinkphp5 框架结合plupload实现图片批量上传功能示例
2020/04/04 PHP
模拟select的代码
2011/10/19 Javascript
通过上下左右键和回车键切换光标实现代码
2013/03/08 Javascript
jquery批量控制form禁用的代码
2013/08/06 Javascript
js 判断js函数、变量是否存在的简单示例代码
2014/03/04 Javascript
js实现人才网站职位选择功能的方法
2015/08/14 Javascript
js简单实现Select互换数据的方法
2015/08/17 Javascript
JS组件Bootstrap Select2使用方法详解
2020/04/17 Javascript
JS Ajax请求如何防止重复提交
2016/06/13 Javascript
js模块加载方式浅析
2017/08/12 Javascript
bootstrap实现二级下拉菜单效果
2017/11/23 Javascript
Vue与Node.js通过socket.io通信的示例代码
2018/07/25 Javascript
vue中el-upload上传图片到七牛的示例代码
2018/10/19 Javascript
javascript Canvas动态粒子连线
2020/01/01 Javascript
three.js着色器材质的内置变量示例详解
2020/08/16 Javascript
js实现电灯开关效果
2021/01/19 Javascript
wxPython 入门教程
2008/10/07 Python
python的Template使用指南
2014/09/11 Python
Python用zip函数同时遍历多个迭代器示例详解
2016/11/14 Python
浅析Python中的赋值和深浅拷贝
2017/08/15 Python
Python selenium抓取微博内容的示例代码
2018/05/17 Python
DataFrame:通过SparkSql将scala类转为DataFrame的方法
2019/01/29 Python
pytorch中交叉熵损失(nn.CrossEntropyLoss())的计算过程详解
2020/01/02 Python
Django User 模块之 AbstractUser 扩展详解
2020/03/11 Python
Python 实现键盘鼠标按键模拟
2020/11/18 Python
Html5实现单张、多张图片上传功能
2019/04/28 HTML / CSS
快时尚眼镜品牌,全国连锁眼镜店:LOHO眼镜生活
2018/10/08 全球购物
总经理岗位职责范本
2015/04/01 职场文书
行政人事主管岗位职责
2015/04/11 职场文书
2015中秋节晚会主持词
2015/07/01 职场文书
2015暑假打工实践报告
2015/07/13 职场文书
新郎父母婚礼致辞
2015/07/27 职场文书
如何写好一份优秀的工作总结?
2019/06/21 职场文书