36 Unstar Star 107 Fork 39

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

Create your Gitee Account
Explore and code with more than 5 million developers,Free private repositories !:)
Sign up
This repository doesn't specify license. Without author's permission, this code is only for learning and cannot be used for other purposes.
Clone or download
README.md 1.64 KB
Copy Edit Web IDE Raw Blame History
RockYang authored 2017-09-15 11:51 . docs: 更新项目演示地址

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

Comment ( 0 )

Sign in for post a comment

JavaScript
1
https://git.oschina.net/blackfox/JAreaSelect.git
git@git.oschina.net:blackfox/JAreaSelect.git
blackfox
JAreaSelect
JAreaSelect-js省市区级联选择插件
master

Search

132457 8cb2edc1 1899542 131848 70c8d3a4 1899542