基於layUI的Distpicker省市區聯動失效的解決方法

使用distpicker實現省市區聯動的時候發現點擊選擇省級後市級沒反應，html代碼如下

				<div class="layui-form-item">
					<label class="layui-form-label">籍貫：</label>
					<div data-toggle="distpicker" id="distpicker" style="display:flex;">
						<div class="form-group">
							<label class="sr-only" for="province"></label>
							<select class="form-control borderColor text-input " lay-filter="province" id="province"></select>
						</div>
						<div class="form-group">
							<label class="sr-only" for="city"></label>
							<select class="form-control borderColor text-input " lay-filter="city" id="city"></select>
						</div>
						<div class="form-group">
							<label class="sr-only" for="district"></label>
							<select class="form-control borderColor text-input " lay-filter="area" id="area"></select>
						</div>
					</div>
				</div>

解決方法：直接在script中補上如下代碼

    layui.use(['form'], function () {
		var $ = layui.$, 
		form = layui.form;

        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(area)', function (data) {
            $("#area").val(data.value).change();
            form.render();
        })
    })