IE BUG: select 对象的 innerHTML属性居然吃了半个option.

来源：互联网发布：淘宝星级怎么算编辑：程序博客网时间：2024/05/17 04:06

自己在使用ajax填充select标签属性的时候，用document.getElementById(seleName).innerHTML=xmlHttp.responseText;的方法把<option>字符串填入<select></select>里面，发现其中第一个<option>的起始标签被吃掉了，只留下xxx</option>，照成标签不能正常显示出来，上网查找发现这是IE的BUG，所以改为直接填充<select>

下文转自：http://hi.baidu.com/test/blog/item/7e019245dc80983f8794736e.html

<select id="month">

</select>

<script lanuage="JavaScript">
var tmp;
for (var i = 1; i <= 12; i++)
{
tmp += "<option>" + ((i>9)?i:"0"+i) + "</option>";
}

var H_select = document.getElementbyId("month");
H_select.innerHTML = tmp;
</script>

在firefox下显示正常,在ie下居然什么都没...
检查H_select.innerHTML,值为"01</option><option>02</option><option>03</option><option>04</option><option>05</option><option>06</option><option>07</option><option>08</option><option>09</option><option>10</option><option>11</option><option>12</option>",
第一个"<option>"Tag竟然不见了!

在网上查了下,说是IE的BUG,

说不得只有改:
<span id = "month_container">

</span>

<script lanuage="JavaScript">
var tmp = "<select>"
for (var i = 1; i <= 12; i++)
{
tmp += "<option>" + ((i>9)?i:"0"+i) + "</option>";
}

tmp += "</select>";
var H_select = document.getElementbyId("month_container");
H_select.innerHTML = tmp;
</script>