layui怎么给下拉框赋值_layui下拉框后台动态赋值

前台页面：

前台js:

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");

//重新渲染 固定写法

}

})

});

})

再补充两点：

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

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

假如你已经重新渲染了还是没有样式  你可以在外层加一个

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

.layui-layer-page .layui-layer-content {

overflow: visible !important;

}