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