1 Star 0 Fork 43

摔锅锅 / JAreaSelect-js省市区级联选择插件

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
贡献代码
同步代码
取消
提示: 由于 Git 不支持空文件夾,创建文件夹后会生成空的 .keep 文件
Loading...
README

JAreaSelect

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

插件依赖:

  • jquery 1.1.1

在线预览

演示地址:http://d.r9it.com/area/

示例代码:

    <!--html代码-->
    <p><button class="btn btn-primary">显示选中区域</button></p>
    <div id="area-select-box" class="form-inline"></div>
    //普通样式
   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

效果截图:

普通样式

Alt text

仿京东样式

Alt text

空文件

简介

javascript 区域选择器, 省市区三级联动,做了select样式和仿京东样式的实现,数据是从京东抓取的,很全。 展开 收起
JavaScript
取消

发行版

暂无发行版

贡献者

全部

近期动态

加载更多
不能加载更多了
JavaScript
1
https://gitee.com/jovenshao/JAreaSelect.git
git@gitee.com:jovenshao/JAreaSelect.git
jovenshao
JAreaSelect
JAreaSelect-js省市区级联选择插件
master

搜索帮助

14c37bed 8189591 565d56ea 8189591