javascript - 选择框选项在 IE 8 中不可见

Question

我正在使用 Javascript 创建一个 <select>盒子。它在 Firefox 和 Chrome 中工作正常，但在 Internet Explorer 中 <option> s 不可见。

HTML

<select id="categroy_renew" name="categroy_renew" onchange="category_check()" style="width:310px; height:35px; padding:8px; margin-left:95px;">
    <option value="0">Select Your Category</option>
</select>

Javascript

var category_vals = document.getElementById("categroy_renew");
    for(var i=0;i<data.length;i++){
        category_vals.appendChild(new Option("PK-"+data[i].cat,data[i].cat));
    }
}

我试过category_vals.innerHTML - 它甚至没有显示默认的 <option> “选择您的类别”，尽管它出现在 HTML 中。

Answer 1

您可以使用javascript的add()函数

var category_vals = document.getElementById("categroy_renew");

for(var i=0;i<data.length;i++){
    var option = document.createElement("option");
    option.text = "PK-"+data[i].cat,data[i].cat;
    category_vals.add(option);
}