layui选择框-动态渲染数据

最新推荐文章于 2024-06-28 15:08:59 发布

alo_ne

最新推荐文章于 2024-06-28 15:08:59 发布

阅读量692

点赞数

分类专栏： js-基础

本文链接：https://blog.csdn.net/alo_ne/article/details/109737505

版权

js-基础专栏收录该内容

12 篇文章 0 订阅

订阅专栏

<select name="xm" id="xm" lay-verify="required" lay-filter="xmFilter">
<option value=""></option>
</select>

 <script>

layui.use(['form', 'upload', 'layer'], function () {

 var form = layui.form;

　　　　

//检查项目添加到下拉框中
$.ajax({
url: '../hwjg_App/hwjgApp_ashx/GetXm.ashx',
dataType: 'json',
type: 'get',
success: function (data) {
$.each(data, function (index, item) {
$('#xm').append(new Option(item.xm, item.id));// 下拉菜单里添加元素
});
layui.form.render("select");

//重新渲染 固定写法
}
})

   });

 })

 </script>