在选择中添加选项并在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);