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如何上传文件
  • 热门搜索
    全国假日旅游部际协调会议办公室 北京国际旅游节 锦绣潇湘旅游卡 湖北旅游局 浙江安吉旅游 四川旅游景点介绍 瑙鲁旅游 西溪湿地旅游攻略 旅游官方网站 10月份适合去哪里旅游