在Internet Explorer中選擇框問題

我使用簡單的html代碼來顯示選擇框，當我使用id屬性選擇標記它不顯示列表中的任何項目，但是當我刪除id屬性它的作品。但令人驚訝的是，相同的代碼在Firefox和Google Chrome中運行良好。在Internet Explorer中選擇框問題

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

任何人的幫助將不勝感激。

Java腳本代碼

function classInput(data){ 
    var category_vals = document.getElementById("class_renew"); 

    for(var i=0;i<data.length;i++){ 

      category_vals.innerHTML+="<option value='"+data[i].cat+"'>PK-"+data[i].cat+"</option>" 
     }

}

來源

2014-02-15 Ricky

id屬性與能夠（或無法）在選擇中顯示選項無關。你需要顯示任何JS代碼構建的選擇。 –

我想你使用這個ID去除任何子節點或子元素。但是，如果這在谷歌瀏覽器和火狐瀏覽器中起作用，那麼你確實在某個地方出了問題。分享與此SELECT語句相關的JS和HTML代碼。 –

我已經共享了選擇框的完整html代碼以及相同的java腳本代碼 – Ricky

ID必須匹配。「class_renew」和「categroy_renew」 [原文]是不一樣的，所以當然它不會工作;）

編輯：

而不是使用.innerHTML，爲什麼不這樣做正確的事情？

category_vals.appendChild(new Option("PK-"+data[i].cat,data[i].cat));

這可確保您不會有任何問題，例如，如果任何項目中有撇號。

來源

2014-02-15 22:07:49

對不起，現在我改變了它的類。檢查出來 – Ricky

請參閱編輯....... –

不工作，選項不可見:-( – Ricky

在Internet Explorer中選擇框問題

回答

相關問題