layui下拉框联动

来源:互联网 发布:java单线程程序 编辑:程序博客网 时间:2024/06/11 20:49

定义下拉框:

<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');            }        });    });
原创粉丝点击