JAreaSelectJavaScript 区域选择插件
JAreaSelect
JAreaSelect 区域选择插件是一个区域选择的 JS 插件。数据是抓取京东的最新的区域数据。 很全面,大约 5000 多条,涵盖了中国所有的地区,包括钓鱼岛在内。提供了普通样式和仿京东样式的小工具,另外还提供了一个超级简陋的管理界面, 由于是个小项目,图省事,就不想引入什么框架的,直接原生写的,不喜欢请勿拍砖。
插件依赖:
-
jquery 1.1.1
在线预览
示例代码:
显示选中区域
//普通样式 var area = $("#area-select-box").JAreaSelect({ prov : 1, city : 72, dist : 2839, }); $(".btn-primary").on('click', function() { alert(area.getAreaString()); console.log(area.getAreaId()); }); //仿京东样式 $("#area-select").JAreaSelect2({ prov : 1, city : 72, dist : 2839, callback : function(data) { console.log(data); $(".btn-primary").html(data.address); } });
option参数说明:
Key | 类型 | 说明 |
---|---|---|
selectClassName | string | select class 属性,用来方便你调节UI的 |
prov | int | 初始化的省份ID |
city | int | 初始化城市ID |
dist | int | 初始化地区ID |
效果截图:
普通样式
仿京东样式
评论