地区三级联动最新版,数据最全

地区数据总共:4094条,全国都全

源码下载地址:http://download.csdn.net/download/u010402518/6908719

界面截图:


常用的方法都提供了,大家可根据需要去适当的修改源码,源码没有加密和压缩。

源码中有example,采用的是Jquery来作为对象选择器。

用的时候都是需要new对象,没有扩展Jquery

有个属性:basePath 可以不写,写了的话就会自动在这个路径下面去寻找地区数据

简单的例子:

头部引入:

	<script type="text/javascript" src="jquery-1.8.2.min.js"></script>
   	<script type="text/javascript" src="region.js"></script>
	<script type="text/javascript" src="tdist_py.js"></script>

1、传入容器,自动添加3个选择框

$(function(){
	   		region.ready({
	   			basePath:'${pageContext.request.contextPath}/jslib',
	   			labels:['省份','市','县或区'],
	   			//表单同步提交字段
	   			field:{
	   				name:'address',
	   				split:',',
	   				value:'name'
	   			},
	   			values:[330000,330100,330106],//设置默认值
	   			elem:'#dd',
	   			
	   			//事件
	   			onProv:function(target,value){
	   				//alert(target+" - "+value);
	   			}
	   		});
2、第二个
//实例化第二个对象
	   		new Region().ready({
	   			basePath:'${pageContext.request.contextPath}/jslib',
	   			elem:'#aa',
	   			//事件
	   			onProv:function(target,value){
	   				//alert(target+" - "+value);
	   			}
	   		});
3、指定select

new Region().ready({
	   			basePath:'${pageContext.request.contextPath}/jslib',
	   			elems:{
	   				prov:'#prov',
	   				city:'#city',
	   				area:'#area'
	   			},
	   			field:{
	   				name:'address',
	   				split:',',//分割标记
	   				value:'name'
	   			}
	   		});
其中 elems 可以不全写,可以写一个,或者2个~

随便写几个方法,其他的看源码吧,懒得写了:

setValues数组,分别为省市区的默认值,例如[00,11,22]
getString获取选中的地址文本
getValues(any)获取值,返回字符串

还有一个:通过value获取地址文本

getAddress(11,22,33);//传入id,返回地址串


  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值