layui下拉框联动

定义下拉框：

<div class="layui-input-inline layui-form" lay-filter="prov">
                    <select id="prov" lay-filter="provSel">
                        <option value="">全部数据来源</option>
                    </select>
                </div>
                <div class="layui-input-inline layui-form" lay-filter="city">
                    <select id="city">
                        <option value="">全部数据来源</option>
                    </select>
                </div>

获取省份信息：

$.ajax({
        url: "<%=path%>/getProvData",
        dataType: 'json',
        success: function (result) {
            $("#prov").append(result.data);
            form.render('select', 'prov');
        }
    });

根据选择的省份信息获取对应的地市信息：

 //监听下拉框选中事件
    form.on('select(provSel)', function (data) {
        $.ajax({
            url: "<%=path%>/getCityData",
            dataType: 'json',
            data: {
                id: data.value
            },
            success: function (result) {
                $("#city").html("");
                $("#city").append(result.data);
                form.render('select', 'city');
            }
        });
    });