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>

 

再补充两点：

1.假如你的下拉框在绑定了数据之后出现数据，但是样式丢失的话  

第一个方面你要看是否忘记了form.render();

假如你已经重新渲染了还是没有样式  你可以在外层加一个<form class="layui-form"></form>

 

2.弹层中的下拉框通常会只出现一半  另一半被遮住从而使弹层页面出现一个纵向滚动条 解决办法，添加css:

.layui-layer-page .layui-layer-content {
overflow: visible !important;
}