省市区县镇级联数据JS版

前言：网站开发经常会涉及到报名，报名通常就会有地区级联的要求。如下所示。做这个功能就必须要有数据支撑。昨天努力了一天，从网上鼓捣了一份数据。分享下。纯技术性分享，非盈利的。如果有侵权的地方请知会，马上删除。

不知道该怎么上传附件，我就直接放链接了

1、省市数据(15k)

地址：http://www1.pcauto.com.cn/zt/pcauto20160111/areaData/proCity.js

1、省市县数据(172k)

地址：http://www1.pcauto.com.cn/zt/pcauto20160111/areaData/proCityCountry.js

2、省市县乡数据(1545k)

地址：http://www1.pcauto.com.cn/zt/pcauto20160111/areaData/proCityCountryTown.js

以下把各个数据整理成单独文件，方便组合使用

3、省(1k)

地址：http://www1.pcauto.com.cn/zt/pcauto20160111/areaData/pro.js

4、市(14k)

地址：http://www1.pcauto.com.cn/zt/pcauto20160111/areaData/city.js

5、县(159k)

地址：http://www1.pcauto.com.cn/zt/pcauto20160111/areaData/country.js

6、乡镇数据(1373k)

地址：http://www1.pcauto.com.cn/zt/pcauto20160111/areaData/town.js

当级别到乡的时候数据已经很大了，有1m多，不应该把js文件一次性加载进来，这样会拖慢页面的加载时间，采用分次加载比较好。比如先加载proCityCountry.js,页面加载完之后在加载town.js；当然这仅仅是初步的优化，还可以优化更多。以上仅仅是参考意见，各位示情况而用。

demo:http://www1.pcauto.com.cn/zt/pcauto20160111/areaData/areaDataOther.html

时间： 2024-09-27 01:44:53

省市区县镇级联数据JS版的相关文章

全国省市级联数据sql语句 mysql版

全国省市级联数据sql语句 mysql版 --省级 provincial create table provincial ( provincialID int, provincialName varchar(50), primary key (provincialID) )engine=INNODB default charset=gbk; insert into provincial values(1,'北京市'); insert into provincial values(2,'天津市')

省市区县纯js三级联动（改写版：可获取选择值）

网上有许多js版本的三级联动,但是都没有完整的拿到值的文章,或是没有拿全,在网上down了一个js,并对其进行修改,可获取到省市区县三项的值,具体方式如下: jsp页面GBK编码:(在webRoot下) 在页面中添加地址隐藏域,一边向后台传值,省市县用"|"拼接出来,再到后台截取 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head>

Pyqt QComboBox 省市区县联动效果

在Qt中, QComboBox方法窗口组件允许用户从列表清单中选择,在web中就是select标签,下拉选项. 省市区县的联动就是currentIndexChanged 获取当前的Index,通过这个索引在获取用户自定义的 QVariant auserData 获取这个Data后请求该父类pid为当前Data的词典key与value 下面详细讲述过程: 一.先用Qt Designer 画出界面 保存Qt Designer生成的文件为comboselect.ui, 其实这个ui文件就是XML文件,

全国三级城市联动 js版

/* * 全国三级城市联动 js版 * author: mrasong * E-mail: mrasong#163.com * version: 1.0.2 * data: tencent **/ function Dsy(){ this.Items = {}; } Dsy.prototype.add = function(id,iArray){ this.Items[id] = iArray; } Dsy.prototype.Exists = function(id){ if(typeof(t

（转）JavaScript html js 地区二级联动,省市二级联动,省市县js+xml三级联动

JavaScript html js 地区二级联动,省市二级联动,省市县js+xml三级联动 原文链接:http://heisetoufa.iteye.com/blog/353974 比较好的二级联动: 1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 2 <HTML> 3 <HEAD> 4 <TITLE> New Document </TITLE>

GIS（四）——为js版搜狗地图添加边界+Marker和Brand的最终美化版

在<GIS(三)--优化js版搜狗地图的brand标牌样式>中,分享了一下Brand样式的修改.现在把这几次Marker和Brand的修改统一再美化一下,算作一个终极优化版吧. 这次优化的主要内容是: 为整个操作的区域,添加边界 为Marker更换动态图片 为Brand更换半透明红色图片 只显示一个Brand,每3秒切换一次 1.绘制边界 首先做第一个吧,在搜狗地图上添加边界,是一个很简单的.很基本的,但是又很人性化的一个功能.在官网的实例代码中,覆盖层的第21个示例代码<画多边形区域.

在js版搜狗地图上添加brand标牌

在上一篇博文中,我在搜狗地图上添加了Marker标记,但是在用户体验度上还是不够的,如果想了解某些信息,你得把鼠标指向marker,才能看到title里的值.有没有一种可以直接显示在marker上的东东呢? 其实有很多方法可以做到.搜狗地图提供了叠加层类,但是可以直接在页面上显示信息的,貌似只有InfoWindow.Label和Brand.一般InfoWindow是用来显示大量信息的.所以我们显示少量信息一般选用Label和Brand.但是Label显示的效果比较一般,四棱四角的,而Brand则

原生js版分页插件

之前我在自己的博客里发表了一篇用angularJs自定义指令实现的分页插件,今天简单改造了一下,改成了原生JavaScript版本的分页插件,特此记录下来.如有不足之处,欢迎指出. 本插件可以实现的功能: 1. 可初始化每页条数,以及重新选择每页条数 2.自定义首末页.上下页按钮的显示内容(是:<<.  >>.  < .  >    还是:首页.末页.上一页.下一页) 3.设置当前页在一定范围时,是否显示省略号按钮 4.自定义当前页按钮与省略号按钮之间显示的数字按钮的个

纯css和js版下拉菜单

<!doctype html> <html> <head> <meta charset="utf-8"> <title>css版下拉菜单</title> <style type="text/css"> div,body,ul,li{padding:0;margin:0; list-style:none;} .all{width:550px; height:30px; backgrou