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

 更新时间:2007年08月13日 19:22:18   作者:  
所有的地址数据都放在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处理解析JSON数据过程详解

    JavaScript处理解析JSON数据过程详解

    JSON 是 JavaScript 原生格式,也就是说在 JavaScript 中处理 JSON 数据不需要任何特殊的 API 或工具包。接下来,本文给大家介绍JavaScript处理解析JSON数据过程详解,感兴趣的朋友快来了解了解吧
    2015-09-09
  • 原生JS实现鼠标滑动撒爱心特效

    原生JS实现鼠标滑动撒爱心特效

    这篇文章主要为大家详细介绍了原生JS实现鼠标滑动撒爱心特效,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-10-10
  • TypeScript 工具泛型教程示例

    TypeScript 工具泛型教程示例

    这篇文章主要为大家介绍了TypeScript 工具泛型教程示例,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-09-09
  • 解决layer.prompt无效的问题

    解决layer.prompt无效的问题

    今天小编就为大家分享一篇解决layer.prompt无效的问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2019-09-09
  • JavaScript中使用参数个数实现重载功能

    JavaScript中使用参数个数实现重载功能

    这篇文章主要介绍了JavaScript中使用参数个数实现重载功能,需要的朋友可以参考下
    2017-09-09
  • 一篇文中告诉你JS中的"值传递"和"引用传递"

    一篇文中告诉你JS中的"值传递"和"引用传递"

    在JavaScript中,可以通过值和引用传递,两者之间的主要区别是,按值传递发生在赋值基本类型的时候,而赋值对象时按引用传递,下面这篇文章主要给大家介绍了关于JS中"值传递"和"引用传递"的相关资料,需要的朋友可以参考下
    2022-05-05
  • JavaScript如何正确的写代码注释

    JavaScript如何正确的写代码注释

    这篇文章主要给大家介绍了关于JavaScript如何正确的写代码注释的相关资料,注释的作用是提高代码的可读性,帮助自己和别人阅读和理解你所编写的JavaScript代码,注释的内容不会在网页中显示,需要的朋友可以参考下
    2023-10-10
  • JavaScript中一个奇葩的IE浏览器判断方法

    JavaScript中一个奇葩的IE浏览器判断方法

    在写原生的Javascript的时候,因为IE的JS引擎与标准浏览器的JS引擎之间总有那么些差异,所以经常会去判断是否是IE浏览器
    2014-04-04
  • uniapp微信小程序多环境配置以及使用教程

    uniapp微信小程序多环境配置以及使用教程

    前后端分离开发模式中,无论前后端都有可能区分不同的环境配置,下面这篇文章主要给大家介绍了关于uniapp微信小程序多环境配置以及使用的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
    2023-05-05
  • JavaScript设计模式之单例模式详解

    JavaScript设计模式之单例模式详解

    单例模式(Singleton Pattern)是一种创建型设计模式,确保一个类只有一个实例,并提供全局访问该实例的方式,这在某些场景下非常有用,例如配置管理类、日志类或数据库连接管理类,需要的朋友可以参考下
    2024-08-08

最新评论