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

所有的地址数据都放在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

赞 (0)

相关推荐

  • 中国地区三级联动下拉菜单效果分析

    因为最近有需要用到中国地区三级联动下拉菜单,虽然用公司的框架已经实现,但是看的比较迷茫,就网上找了下相关代码,主要的数据和功能实现都是在js文件中,网上找的地区数据有的地方不完整,需要自己添加,虽然和公司的框架实现的代码不一样,还是先把代码放上了,以后需要的时候可以看看,大家也可以看看! 1.首先是js文件(area.js): 复制代码 代码如下: function Dsy() { this.Items = {}; } Dsy.prototype.add = function(id,iArray

  • 根据IP的地址，区分不同的地区，查看不同的网站页面的js代码

    最近一直在忙着建站,可是做好之后,又感觉不是那么的尽如人意,还要有些许的调动,根据地区不同,而查看不同的网站页面,由于我生成的页面都是静态,着实有些为难的,以前也有发表过一些这方面的文章,但感觉还是挺麻烦的,况且也达不到令自己满意的效果,所以,在朋友的帮助下,找到一个比较方便的方法,就是把以下代码,加入我们自己需要跳转的页面里,这样做还是不错的呢! 复制代码 代码如下: <script src="http://counter.sina.com.cn/ip" type="

  • Nginx geoip模块实现地区性负载均衡

    Nginx geoip模块实现地区性负载均衡

    相信做过awstats的都用过开源的geoip.dat  ip数据库,刚好nginx wiki上有geoip 模块,这样就可以实现地区性的负载均衡,但是maxmind 的ip数据库对中国的支持不算太好,不过现在也不错了~ 参考文章:http://wiki.nginx.org/NginxHttpGeoIPModule 说下我的环境,我有一台美国linux 服务器,一台美国的windows 2003 ,一台本的XP.机器,其他测试用户都是,QQ群里的朋友,好了开始测试 linux : 75.125.

  • 身份证号码前六位所代表的省,市,区, 以及地区编码下载

    在我上一篇文章里面,讨论了如何验证15,18位身份证号码的合法性,并能取得一些简单的信息, 比如:身份,生日,性别等. 现在,可以取城市和地区了. 复制代码 代码如下: <script language="javascript">  // 地区代码实在太大了,我这里只贴出 北京,上海,广州的代码,完整国内地区编码请下载附件 // Go_Rush(阿舜)  from http://ashun.cnblogs.com/  var areaCode={      '11':'北京

  • PHP根据IP判断地区名信息的示例代码

    看代码 复制代码 代码如下: <?php header("Content-type: text/html; charset=utf-8"); function getIP(){ if (isset($_SERVER)) { if (isset($_SERVER[HTTP_X_FORWARDED_FOR])) { $realip = $_SERVER[HTTP_X_FORWARDED_FOR]; } elseif (isset($_SERVER[HTTP_CLIENT_IP]))

  • 基于json的jquery地区联动效果代码

    写这个东西的初衷是来之于新浪微博,在新浪微博帐号设置里面有个地区的选项,使用js写的,想把它的代码给截获下来,可是失望的是它的js代码压缩了,不过看到的里面json类型格式设计的挺好的,一般我们后台未做任何处理的json数据格式类似以下这样子的 [{"Code":3231,"Name":"长春市"}, {"Code":3232,"Name":"吉林市}] 如果有一万个地区,会多出几万个字符,这么奢

  • .net采用ajax实现邮箱注册和地区选择实例

    本文实例讲述了.net采用ajax实现邮箱注册和地区选择的方法.分享给大家供大家参考.具体实现方法如下: 首先要知道Ajax是 Asynchronous JavaScript and XML(以及 DHTML 等)的缩写. ajax就是在浏览器上同服务器实现异步交互.在XMLhttpRequest被广泛使用之前,用户停留在页面上没有办法实现局部更新的功能,只能通过刷新整个页面来获取最新的数据,而由此代码的代价是需要传输大量的数据,而且有可能临时的一些用户信息也会丢失,而ajax的使用实现了局部更

  • 仿51JOB的地区选择效果(可选择多个地区)

    js地区选择 * {margin:0;} body {font-size:12px;} #container div{margin-top:5px;} #select_city h3{float:left;} #main_city,#all_province {clear:both;} #main_city div,#all_province div{width:600px;clear:left;} #main_city h4,#all_province h4{float:left;displa

  • jquery的ajax从纯真网(cz88.net)获取IP地址对应地区名

    复制代码 代码如下: <html> <head> <title>jquery demo</title> <script type="text/javascript" src="http://img.jb51.net/jslib/jquery/jquery-1.3.2.min.js"></script> <script type="text/javascript">

  • 轻松实现Android仿淘宝地区选择功能

    轻松实现Android仿淘宝地区选择功能

    最近用淘宝客户端的时候,编辑地址的时候有个地区选择的功能.看上面的效果觉得挺酷,滚动的时候,是最后一个从下面飞上来挨着前一个.就自己鼓捣一个出来玩玩. 说了效果可能不太直观,下面上两张图看看效果 淘宝地区选择效果 再来一张自己的效果 gif的效果可能不太好,大家自己用Android手机打开淘宝看看 实现分析 展示很简单,ListView就可以了.对于动画效果,只需要在getView的时候获取到要展示的View,通过属性动画修改translationY就ok啦.由于地区选择是一个界面,所以这里还用

随机推荐