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中的select标签被忽略了标签选项检查出来：

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中运行。