选择IE 8中不可见的框选项

Question

我正在使用Javascript创建<select>框。它在Firefox和Chrome中运行良好，但在Internet Explorer中<option>不可见。

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);
}