選擇框選項在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控制檯中添加（）的JavaScript函數

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