javascript - 在 Internet Explorer 上向选择添加选项并选择一个

Question

我有一个选择，我正在使用 javascript 填写选项。有点像

    var select = document.getElementById("selectBox");

    for (var i = 0; i < data.length; i++) {
        var option = document.createElement("option");
        option.innerHTML = data[i].name;
        option.value = data[i].id;
        select.appendChild(option);
    }

它在 Firefox 和 Chrome 上运行良好，但在 Internet Explorer 上运行不佳。当我检查在 IE 上生成的 html 时，我看到了

    <select id="selectBox"/>

我可以做些什么让它在 IE 上工作？

编辑在开发工具上刷新html页面后(IE改html后不会这样)看到选项已经添加了，但是赋值好像有问题，我在用

select.value = theValue;

Answer 1

使用add代替appendChild:

select.add(option);

此外，使用Option 构造函数可以为您节省一些代码行:

var option = new Option(data[i].name, data[i].id);