JAreaSelectJavaScript 区域选择插件

联合创作 · 2023-09-22 03:21

JAreaSelect

JAreaSelect 区域选择插件是一个区域选择的 JS 插件。数据是抓取京东的最新的区域数据。 很全面,大约 5000 多条,涵盖了中国所有的地区,包括钓鱼岛在内。提供了普通样式和仿京东样式的小工具,另外还提供了一个超级简陋的管理界面, 由于是个小项目,图省事,就不想引入什么框架的,直接原生写的,不喜欢请勿拍砖。

插件依赖:

  • jquery 1.1.1

在线预览

http://d.r9it.com/area/

示例代码:

显示选中区域   

//普通样式
   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

效果截图:

普通样式

仿京东样式

浏览 6
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报