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

本文介绍了一个简单的JavaScript地址联动控件的使用方法。通过AreaCtrl类可以轻松实现省市区三级联动选择功能。控件支持自定义显示文本、设置默认选中值,并提供了输出控件的方法。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

 

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

演示例子 下载控件

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值