如何在IE中设置HTML下拉列表的innerHTML答案

【问题标题】：how to set the innerHTML of HTML drop down list in IE如何在IE中设置HTML下拉列表的innerHTML
【发布时间】：2015-12-24 07:27:37
【问题描述】：

我有一个 html 下拉列表和按钮。

 <select style="width:170px" id="ddl"></select>
  <input type="button" value="getvalue" onclick="abc()" />

当我单击此按钮时，我需要更改下拉列表的 innerHTML。为此，我正在调用一个 javascript 函数。它适用于除 IE 之外的所有其他浏览器。我使用的是 IE8 版本。所以我不知道它是否适用于其他 IE 版本

  <script type="text/javascript">
    function abc()
    {
        var a = "<option selected='selected'   value='TN_Pulling'>TN_Pulling</option>";
        document.getElementById('ddl').innerHTML = a;
    }
</script>

请帮我整理一下。我错过了什么吗？

【问题讨论】：

标签： javascript jquery html asp.net internet-explorer

【解决方案1】：

您的代码在我的 IE11 上运行，但在我的 IE8 上运行。

这适用于我的 IE8：

<script type="text/javascript">
function abc()
{
    document.getElementById('ddl').innerHTML = ''; // clear <select> contents
    var a = document.createElement('option');      // create an <option> elem
    a.setAttribute('value', 'TN_Pulling');         // set 'value' attr val
    a.setAttribute('selected', 'selected');        // set 'selected' attr val
    a.innerHTML = 'TN_Pulling';                    // set <option> contents
    document.getElementById('ddl').appendChild(a); // append <option> to <select>
}
</script>
<select style="width:170px" id="ddl"></select>
<input type="button" value="getvalue" onclick="abc()" />

祝你好运。

【讨论】：