layui.use(['jquery', 'table', 'form', 'element'], function () {
var element = layui.element;
var $ = layui.jquery;
var table = layui.table;
var form = layui.form;
//在这里插入不用渲染都能显示
$('#delivery_name').find('select').append("<option>abcc</option>");
//动态加载下拉框选项
initOption()
function initOption() {
$.ajax({
type: "post",
url: '/delivery/getAllDelivery',
success: function (data) {
$.each(data, function(index, item) {
var option=$("<option>wocao nimas,enfo<option/>");
option.val(item.id)
option.html(item.delivery_name)
console.log($('#delivery_name').find('select').append(option));
// $('#delivery_name').find('select').append("<option value="+item.id+">"+item.delivery_name+"</option>");
//alert(item.id)
form.render()
})
element.init();
form.render();
},
error: function (error) {
layer.msg("操作失效", {
icon: 7
})
}
});
}
});
</script>
页面加载完毕F12看页面代码,option元素都已动态添加完毕但就是不显示