# 页面顶部引入 zone.js


# 页面最下方引入





        

# cols 内
{field: 'province', minWidth: 80, title: '省', toolbar: '#provinceDemo', search: 'select', layFilter: 'province', hide: true},
{field: 'city', minWidth: 80, title: '市', toolbar: '#cityDemo', search: 'select', layFilter: 'city', hide: true},
{field: 'area', minWidth: 80, title: '区', toolbar: '#areaDemo', search: 'select', layFilter: 'area', hide: true},

# ea.listen() 上
et form = layui.form
let provinceHtml = ``, cityHtml = ``, areaHtml = ``
let provinceCityData = [], cityAreaData = []
// 首次进来默认渲染省市区
areaData.forEach( item=>{
    provinceHtml += `${item.label}`
    provinceCityData[item.value] = item.children
})
$('#c-province').html(provinceHtml)
$('#c-city').html(cityHtml)
$('#c-area').html(areaHtml)
form.render('select');

// 监听省份选择
form.on('select(province)', function (data) {
    let value = data.value
    let cityHtml = ``
    let areaHtml = ``
    if (!value) {
        cityHtml = areaHtml = ``
    } else {
        provinceCityData[value].forEach( item=> {
cityHtml += `${item.label}`
cityAreaData[item.value] = item.children
item.children.forEach( item2=> {
    areaHtml += `${item2.label}`
})
        })
    }
    $('#c-city').html(cityHtml)
    $('#c-area').html(areaHtml)
    form.render('select')
})

// 监听城市选择
form.on('select(city)', function (data) {
    let value = data.value
    let areaHtml = ``
    if (value) {
        cityAreaData[value].forEach( item=> {
areaHtml += `${item.label}`
        })
    }
    $('#c-area').html(areaHtml)
    form.render('select')
})