IE中innerhtml无法正常使用

var option="";
for(var i=0;i<3;i++)
{
       option += "<option value='1'>1</option>"
}
document.getElementById('subSelect').innerHTML=option;
alert(document.getElementById('subSelect').innerHTML)

照道理输出的是“ <option value='1'>1</option><option value='1'>1</option><option value='1'>1</option>  ”，在火狐浏览器里是这样输出的，但在IE里居然是 1</option><option value='1'>1</option><option value='1'>1</option>”
前面总是少一个“ <option value='1'>。

 

网查之后，有人说是IE的bug，其实这不能算bug吧，IE不支持这种语法而已。

 

按照下面的方法就可以咯：

<select id="subSelect"></select>
<script type="text/javascript">
            for(var i=0;i<3;i++)
            {
                  var option = document.createElement("option");
                    option.value = i;
                    option.innerHTML = i;
                    document.getElementById("subSelect").appendChild(option);          
            }
</script>