如何设置HTML的innerHTML下拉列表中的IE浏览器(how to set the inner

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

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

当我点击这个按钮，我需要改变下降的innerHTML下来list.for的是，我打电话一个JavaScript的机能的研究。 这是工作除了IE以外的其他浏览。 我使用IE8 version.so我不知道它是否会适用于其他版本的IE

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

请帮我整理出来。 我有没有错过什么？

Answer 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()" />

祝好运。

文章来源: how to set the innerHTML of HTML drop down list in IE