jquery省市选择组件

作者:frank 发表日期:2015-08-11 10:11:38 更新日期:2016-08-15 20:07:35 分类:猿文色

摘要

基于jQuery实现的中国省市区选择插件,可自定义精细度:城镇,街道,村委。

正文

配置如下:

var optionsAddress1 = {
    initProvice: '北京市',
    initCity: '市辖区',
    initCounty: '西城区',
    initTown: '月坛街道办事处',
    initVillage: '南礼士路社区居委会',
    fineness: 'county'
};
var optionsAddress2 = {
    initProvice: '北京市',
    initCity: '市辖区',
    initCounty: '西城区',
    initTown: '月坛街道办事处',
    initVillage: '南礼士路社区居委会',
    fineness: 'town'
};
var optionsAddress3 = {
    initProvice: '北京市',
    initCity: '市辖区',
    initCounty: '西城区',
    initTown: '月坛街道办事处',
    initVillage: '南礼士路社区居委会',
    fineness: 'village'
};
$(".wan-address-select1").WanAddressSelect(optionsAddress1);
$(".wan-address-select2").WanAddressSelect(optionsAddress2);
$(".wan-address-select3").WanAddressSelect(optionsAddress3);

$("#getValue").on("click", function(){
    alert(JSON.stringify($(".wan-address-select1").WanAddressSelect('val')));
});
$("#getValueAndId").on("click", function(){
    alert(JSON.stringify($(".wan-address-select1").WanAddressSelect('idval')));
});

HTML文件如下:

<div class="wan-address-select wan-address-select1"></div>
<div class="wan-address-select wan-address-select2"></div>
<div class="wan-address-select wan-address-select3"></div>

DEMO