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

最新推荐文章于 2025-08-12 17:22:56 发布

转载最新推荐文章于 2025-08-12 17:22:56 发布 · 863 阅读

文章标签：

#ie #firefox #ajax

工作记录专栏收录该内容

20 篇文章

订阅专栏

本文介绍了一个使用JavaScript动态填充<select>标签时遇到的IE浏览器BUG，即第一个<option>标签在IE中丢失的问题，并提供了一种解决方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

自己在使用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>