1 Star 0 Fork 43

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

Create your Gitee Account
Explore and code with more than 12 million developers,Free private repositories !:)
Sign up
This repository doesn't specify license. Please pay attention to the specific project description and its upstream code dependency when using it.
Clone or Download
contribute
Sync branch
Cancel
Notice: Creating folder will generate an empty file .keep, because not support in Git
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

Empty file

About

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

Releases

No release

Contributors

All

Activities

Load More
can not load any more
JavaScript
1
https://gitee.com/carlbase/JAreaSelect.git
git@gitee.com:carlbase/JAreaSelect.git
carlbase
JAreaSelect
JAreaSelect-js省市区级联选择插件
master

Search