Layui三级城市联动没有反应

Layui三级城市联动没有反应

一。CSS样式加载错误

有些人可能想着要更改样式，但是千万别随意修改，他是被layui-form-item包裹起来的，例如

<div class="layui-form-item">
    <select name="sheng" class="province" lay-filter="province" lay-verify="required">
        <option value="">省份</option>
    </select>
    <br/>
    <select name="shi" class="city" lay-filter="city" lay-verify="required">
        <option value="">地级市</option>
    </select>
    <br/>
    <select name="qu" class="district" lay-verify="required">
        <option value="">县/区</option>
    </select>
</div>

二。JS加载错误

请每次选择的时候，都重新加载一下样式

form.on('select(province)', function (data) {
    $(".province").val(data.value).change();
    form.render();
})

form.on('select(city)', function (data) {
    $(".city").val(data.value).change();
    form.render();
})

form.on('select(district)', function (data) {
    $(".district").val(data.value).change();
    form.render();
})