用layui写了一个动态加载下拉框的代码,在很多浏览器上都可以,但是就是在IE8中显示不出来,代码如下:
$.ajax({
url: '/test/findOTestInfo',
dataType: 'json',
data: {
'id': orgId
},
type: 'post',
success: function(da) {
$('#test').append(new Option(da.name, da.id)); // 下拉菜单里添加元素
form.render("select");
}
});
后面看了很多博客发现是因为IE8对new Option()的支持问题,需要做额外的处理,给 option 添加 innerText 或者 innerHtml
//为了在ie8中显示的写法,因为new Option的支持问题
var option = new Option(da.name, da.id);
option.innerText = da.name;
$('#test').append(option); // 下拉菜单里添加元素
//$('#test').append(new Option(da.name, da.id)); // 下拉菜单里添加元素
form.render("select");
加了option.innerText = da.name;成功显示