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

我有一个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>

函数abc（）
{
var a=“TN_牵引”；
document.getElementById（'ddl'）。innerHTML=a；
}

---

请帮我整理一下。我遗漏了什么吗？

你的代码在我的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()" />

函数abc（）
{
document.getElementById（'ddl'）。innerHTML=''；//清除内容
var a=document.createElement（'option'）；//创建一个元素
a、 setAttribute（'value'，'TN_pull'）；//设置'value'属性值
a、 setAttribute（'selected'，'selected'）；//设置'selected'属性值
a、 innerHTML='TN_'；//设置内容
document.getElementById（'ddl'）.appendChild（a）；//追加到
}

祝你好运