layui如何异步加载下拉框

 时间:2024-10-18 04:08:25

1、第一步:写一个空下拉框的页面,代码如下:<form class="layui-form"> <div class="layui-form-item"> <label class="layui-form-label">下拉选择框</label> <div class="layui-input-block"> <select name="interest" lay-filter="aihao"> </select> </div> </div></form>

layui如何异步加载下拉框

3、第三步:启动接口,访问页面,发现并没有上面变化,数据也没有展示,如图:。这很正常,下一步写数据请求接口

layui如何异步加载下拉框

5、第五步:刷新页面,可以看到请求成功,并且看到数量来了,如图:

layui如何异步加载下拉框

7、第七步:关键的一步,就是dom需要重新挂载,代码如下:layui.use(['jquery', 'table', 'form'], function () { let $ = layui.jquery, form = layui.form; $.post("http://localhost:8081/queryDemo", {}, function (data) { let d = JSON.parse(data); console.log(d) let html = '<option>'+d.name1+'</option>'+'<option>'+d.name2+'</option>'+'<option>'+d.name3+'</option>'; $('select[name="interest"]').append(html); form.render(); })});关键:form.render();

layui如何异步加载下拉框
  • win7系统怎么打开iSCSI发起程序?
  • linux下安装vsftpd
  • tomcat报错请求的代码超过了65535字节限制。
  • jquery如何获取第一个元素的子元素
  • postman如何上传文件
  • 热门搜索
    怎么查看自己的ip 淘宝怎么上传图片 wps页面设置在哪里 月牙泉在哪里 怎么取消关联qq号 遇到碰瓷怎么办 怎么清除ie缓存 自闭症是如何造成的 路由器密码 四姑娘山在哪里