html代码:
<div class="layui-input-inline">
<select id="service" name="service" lay-verify="required" class="select">
<option value="0" >请选择服务</option>
</select>
</div>
js代码:
layui.use('form',function(){
var $ = layui.jquery
var form = layui.form
$.ajax({
url: '/service/select',
dataType: 'json',
type: 'post',
success: function(data) {
if (data!== null) {
$("#service").empty();
$("#service").append(new Option("请选择服务", "0"));
$.each(data, function(index, item) {
$('#service').append(new Option(item));
});
} else {
$("#service").append(new Option("暂无数据", ""));
}
//重新渲染
form.render("select");
}
});
});
上图:
数据库数据
前台样式
注:后台数据加到List里面返回。