layui下拉框后台动态赋值

Posted yagamilight

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了layui下拉框后台动态赋值相关的知识,希望对你有一定的参考价值。

前台页面:

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

前台js:

 <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>














以上是关于layui下拉框后台动态赋值的主要内容,如果未能解决你的问题,请参考以下文章

c# layui 动态表格进行动态赋值

layui动态设置下拉框数据,根据后台数据设置选中

easyui 动态添加下拉框

angularjs在下拉框中添加选项动态显示

layui表格嵌套下拉框,下拉框的数据怎么获取?

JS动态添加下拉框跟文本域