javascript - innerHTML 标签选项在 IE9 中不起作用

Question

我的代码：

    this.d.innerHTML = "";
    this.d.innerHTML += "<option value='-1'>Selecciona Distrito</option>";
    this.d.innerHTML += "<option value='santiagodesurco'>Santiago de Surco</option>";
    this.d.innerHTML += "<option value='sanborja'>San Borja</option>";
    this.d.innerHTML += "<option value='independecia'>Independencia</option>";
    this.d.innerHTML += "<option value='miraflores'>Miraflores</option>";
    this.d.innerHTML += "<option value='santanita'>Santa Anita</option>";

问题是 IE9 中的选择标签标签选项被忽略了检查一下：

http://i.stack.imgur.com/IolyV.png

但在 Chrome 中显示标签选项：

http://i.stack.imgur.com/sfbDS.png

这是我的问题，先谢谢了。

Answer 1

我为每个标签选项解决了我的问题：

        var opt = document.createElement('option');
        opt.text = 'Santiago de Surco';
        opt.value = 'santiagodesurco';
        document.getElementById('dropdown3').options.add(opt);

这样我就解决了问题，所以代码可以在 IE9 中运行。