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'); } }); });
阅读全文
0 0
- layui下拉框联动
- layui 三级联动下拉框更新时回显问题
- layui下拉框赋值
- layui弹框下拉搜索
- layui的select联动
- 下拉框三级联动
- 下拉框联动
- JS联动下拉框
- 三级联动下拉框
- 下拉框二级联动
- 下拉框联动
- 下拉框联动
- 下拉框联动
- JS联动下拉框
- ext下拉框联动
- ext下拉框联动
- ExtJs下拉框联动
- 下拉框联动
- 彻底弄懂C语言数组名
- 怎么做 Web API 版本控制?
- CentOS 6 glibc升级到2.15
- 基于redis的布隆过滤器
- 《疯狂Spring Cloud微服务架构实战》电子书
- layui下拉框联动
- 最新最全Angular4.x、Angular5.x、Angular6.x、Ionic3.x入门到实战视频教程
- JVM 指令集
- Spring Boot 引用本地jar包
- 搅动金融科技的人工智能,能否颠覆支付格局?
- 对对机如何连接美团,饿了么,百度外卖等自动接单(图文教程)
- 2017.11.4 (c)
- UE 实用技巧分享
- java 线程联合