javascript实现全国省市区县多级联动 2013最新最全数据
来源:互联网 发布:思科2900路由器端口 编辑:程序博客网 时间:2024/05/08 05:49
demo和下载地址:http://www.baletu.com/open/
自己写的,命名为panregion.js
Pan Region
panregion.js 是一款基于javascript实现的中国省市区上级联动效果。本插件是永久开源免费的。
内置3000多条全国最新的数据,是目前网络上数据最完整的一个小插件,数据摘取自2013年。体积只有175kb.
省市区多级联动,使用javascript的好处是,不需要服务器上面存放任何信息,也不需要频繁的刷新,也不需要和客户的有任何数据交互。大大的提高了效率和用户体验
功能:
1、省市区多级联动
2、全国地区检索,输入拼音或者汉字,就可以模糊查询匹配的地区数据。
下载地址:
直接引用地址:http://www.baletu.com/open/js/panregion.js
效果展示:
使用文档:
1、引入javascript文件:<script type="text/javascript" src="panregion.js" charset="gbk"></script>
特别注意: 引入javascript文件的时候,必须加charset="gbk"这个属性,不然中文会乱码。
2、实例化对象
var pan=new Pan();
3、传入对象id
pan.read('Province','City','area');
方法:
1、设置默认选中值,必须要再read方法之后,否则无效
pan.setDefaultValues('湖南省','长沙市','开福区');
2、设置默认提示,必须要再read方法之前,否则无效
pan.setDefaultOption('select');
3、通过地区名 模糊查找数据,返回array数组
pan.findByName('天');
4、通过拼音查模糊找地区,返回array数组
pan.findBySpell('beijing');
5、拼音或者中文都自动转换查询,返回array数组
pan.findByString('北京');
6、$$(id) id选择器
$$()这个方法,传入id名,返回id的实例
注:没有加注释,没有介绍到的方法都是内部方法,请勿直接使用,否则会影响内部计算。
FAQ:
1、为什么引入之后无任何反应?
请检查你得配置路径是否正确
2、出现中文乱码?
请在<script>脚本上加入属性charset="gbk" 给引用的脚本指定编码格式 正确示例<script type="text/javascript" src="panregion.js" charset="gbk"></script>
3、模糊查找地区找不到?
本插件暂时只支持省、市区、县 这三级,或许你输入的不在这之中,如果发现有数据遗漏请及时联系我们
4、无法对多个对象进行操作?
当使用本插件之后,一个面页最多只支持一组省市区联动,下个版本将会支持多个对象
5、这个插件是否会一直持续更新?
以后将会一直保持这个插件的更新,继续完善数据,保证数据最全最新。
关于:
QQ群:273759216
QQ:599194993
邮箱:pan@baletu.com
- javascript实现全国省市区县多级联动 2013最新最全数据
- 全国省市区县最全最新数据表(数据来源谷歌)
- 全国省市区县数据库(全)
- 2017全国省市区县 json数据
- 省市区县多级下拉联动选框[来自于网络]
- 全国省市区县数据库脚本
- 全国省市区县数据库脚本
- Javascript实现省市联动
- 全国省市县无刷新多级联动菜单
- 全国省市县无刷新多级联动菜单
- 省市区县(含全国完整数据库)Ajax无刷新三级联动
- 中国省市区县最新数据表
- 全国路网数据、全国水系矢量 行政区划边界(省市区县)、行政地名 矢量数据
- 省市县多级联动
- 省市县多级联动
- javascript+xml实现省市联动
- 全国省市三级联动
- 全国省市三级联动
- 几种常见模式识别算法整理和总结
- Java之CyclicBarrier使用
- Weblogic 各种版本下载 (转)
- java环境变量配置
- HUD 4502
- javascript实现全国省市区县多级联动 2013最新最全数据
- android logcat的调试
- StringList存入时忽略相同元素
- MFC下自绘统计 柱形图表
- 换个角度
- linux下Python安装
- ora -12514问题(刚才给一位网友解决的,记录一下)
- UVa 10465 - Homer Simpson
- 淘宝话费充值经营体会及捷易通充值软件卖点分析