# areapicker

**Repository Path**: jonesshen/areapicker

## Basic Information

- **Project Name**: areapicker
- **Description**: 基于Layui实现的地区选择器，最大支持4级联动，数据来源 Discuz! X3.4 地区表
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2024-10-21
- **Last Updated**: 2024-12-31

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 基于Layui实现的地区选择器，最大支持4级联动

#### HTML
```HTML
<div class="layui-form-item" id="area-picker"></div>
```

#### JS
```JS
areaPicker.set({
    provList: data.province,
    cityList: data.city,
    distList: data.district,
    streList: data.street,
}).render({
    elem: '#area-picker',
    data: {
        provId: 11,
        cityId: 179,
        distId: 2177,
        streId: 15951,
    },
    level: 4,
    label: '地址',
    width: 200,
    form: {
        provName: 'province',
        cityName: 'city',
        distName: 'district',
        streName: 'street',
    },
    callback: function(result) {
        console.log(result);
    }
});
```

#### 完整示例
请直接查看index.html源码