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標簽的tag選項被忽略了，請檢查一下：

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中使用。