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

转载 2007年09月26日 14:02:00
 

所有的地址数据都放在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时,控件将在指定的位置续写。

演示例子 下载控件

vue省市区三联动下拉选择组件的实现

我们曾经经常会遇到需要选择省市区的需求,我们可能是找一个插件来实现,但是有了vue之后,我们自己完全可以简单的实现这个效果,并封装为独立的.vue组件,便于日后使用 我们今天来实现一个 利用vuejs...
  • yangbingbinga
  • yangbingbinga
  • 2017年03月13日 18:06
  • 12096

jquery 省市二级联动

省市两级联动选择 select { width: 135px; } fieldset dl dd { float: left; margin-left: 20px; } fieldset pre {...
  • Outsider_der
  • Outsider_der
  • 2015年12月12日 01:55
  • 4145

微信小程序学习:使用picker封装省市区三级联动模板

目前学习小程序更多的是看看能否二次封装其它组件,利于以后能快速开发各种小程序应用。目前发现picker的selector模式只有一级下拉,那么我们是否可以通过3个picker来实现三级联动模板的形式来...
  • eadio
  • eadio
  • 2016年10月28日 11:13
  • 21611

如何实现select省市地区三级联动并回显

首先导入三个js文件(注:最后) 显示:                 省市区街道:                                                   ...
  • free_girlsh
  • free_girlsh
  • 2017年03月30日 16:07
  • 5724

js--纯js实现省市地区三级联动

QQ自己的JS省市区三级联动 ------》已验证 使用引用外部JS来实现三级联动的。JS如下:http://ip.qq.com/js/geo.js QQ JS省市区三级...
  • baojie1022
  • baojie1022
  • 2015年05月06日 11:25
  • 1253

省市联动 DropDownList控件

1》 DropDownList控件可以使用ObjectDataSource作为数据源。但是也是可以自己手动绑定数据源。这里我们就尝试自己手动绑定数据源 首先,在WebForm页面拖入两个Dro...
  • Fanbin168
  • Fanbin168
  • 2015年09月22日 11:10
  • 283

js省市地区三级联动

  • 2013年01月15日 11:24
  • 16KB
  • 下载

vs2005省市地区3级联动

  • 2008年03月01日 10:36
  • 303KB
  • 下载

省市地区联动

  • 2012年05月12日 10:34
  • 369KB
  • 下载

省市地区三级联动

  • 2014年10月08日 22:08
  • 23KB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:封装好的省市地区联动控件
举报原因:
原因补充:

(最多只允许输入30个字)