Javascript 下拉式innerHTML在IE中不起作用？

我用javascript填充了一个下拉列表，它在每个浏览器中都运行良好，当然，除了Internet Explorer（所有版本甚至8）

以下是填充下拉列表的函数：

function updateDropDown(divId, dropdownId) {
    var containerDiv = document.getElementById(divId);
    var checkboxes = $('.checkBox');
    var dropDownHTML = "";
    dropdownHTML = document.getElementById(dropdownId).innerHTML;
    document.getElementById(dropdownId).innerHTML = "";

    for (var i = 0; i < checkboxes.length; i++) {
        if (checkboxes[i].checked) {
            document.getElementById(dropdownId).innerHTML = document.getElementById(dropdownId).innerHTML + "<option value=" + checkboxes[i].id + ">" + checkboxes[i].id + "</option>";
            alert(document.getElementById(dropdownId).innerHTML);
        }
    }
}

已添加到调试中

在Firefox和其他浏览器中，会显示以下内容，这是预期的输出：

<option value="myValue">myValue</option>

myValue

在IE中，这是输出：

GBP</option>

GBP

---

有人知道为什么会发生这种情况吗？

是的，我对下拉列表也有同样的问题，您需要创建下拉列表的选项，如以下链接（它在所有浏览器中都兼容）

---

希望对您有所帮助

在这里，我使用Javascript向dropdownlist添加值。请注意，这些值不会在服务器端获取。希望这对你有用。它在IE中也起作用

function FillDropDownList() {
    var energy = "[['1','FireWood']]"; //JSON FORMAT   
    if (energy != null) {
        ddl = document.getElementById('<%= ddl.ClientID %>');
        var len = ddl.options.length;
        ddl.length = 0;
        document.getElementById('<%= ddl.ClientID %>').options[0] = new Option("--Select--", "0");

        for (i = 0; i < energy.length; i++) {
            document.getElementById('<%= ddl.ClientID %>').options[i + 1] = new Option(energy[i][1], energy[i][0]);
        }
    }
}

函数FillDropDownList（）{
var energy=“['1'，'FireWood']]”；//JSON格式
如果（能量！=null）{
ddl=document.getElementById（“”）；
var len=ddl.options.length；
ddl.length=0；
document.getElementById（“”）.options[0]=新选项（“--Select--”和“0”）；
对于（i=0；i

function FillDropDownList() {
    var energy = "[['1','FireWood']]"; //JSON FORMAT   
    if (energy != null) {
        ddl = document.getElementById('<%= ddl.ClientID %>');
        var len = ddl.options.length;
        ddl.length = 0;
        document.getElementById('<%= ddl.ClientID %>').options[0] = new Option("--Select--", "0");

        for (i = 0; i < energy.length; i++) {
            document.getElementById('<%= ddl.ClientID %>').options[i + 1] = new Option(energy[i][1], energy[i][0]);
        }
    }
}