Skip to content

chinese area selector 中国大陆省市区三联选择器

Notifications You must be signed in to change notification settings

vladimirdh/area-selector

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

10 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

area-selector

中国大陆省市区三联选择器。 无依赖,支持IE8及以上,部分使用了es2015语法,使用babel转译。

地区数据

地区数据从2017年2月中华人民共和国县以上行政区划代码收集, 位于data文件夹下,同时有processor.js用来转换成插件所使用的格式。 使用方法node ./processor.js,会在data文件下下生成area.json.

##使用方法 可以直接使用script标签引用或:

import AreaSelector from 'areaselector.js';
//or
var AreaSelector = require("areaselector.js")
	var instance = new AreaSelector({
    	sep:"/",
    	callback:function(){
			//完成选择后调用
		},
        target:"#area_input",
    	area:{
        	province:430000,
        	city:430900,
        	district:430903
        }
    });

如果已经选择过地区,可以在初始化时传入或异步获取后传入

var instance = new AreaSelector({
	target:"#area_input",
    area:{
        	province:430000,
        	city:430900,
        	district:430903
        }
});
//or
setTimeout(function(){
	instance.setArea({
        	province:430000,
        	city:430900,
        	district:430903
        })
},2000)

##APIS

  1. instance.getAreasCode() 获取当前的地区码,返回格式为{province: 430000, city: 430900, district: 430903}
  2. instance.getAreaString(separator) 获取当前的地区名,格式为"湖南/益阳/赫山",参数separator为字符串,默认为在初始化传入的sep或"/"
  3. instance.setArea(area) 更新地区码,area格式为object或array,格式为:
    	{
        	province:430000,
        	city:430900,
        	district:430903
        }
      [430000,430900,430903]//顺序为province, city, district
    
  4. instance.show() 显示插件
  5. instance.hide() 隐藏插件

自定义样式

已经在areaSelector.css定义了一些空白样式,可直接套用。

About

chinese area selector 中国大陆省市区三联选择器

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages