您的位置:首页 > Web前端 > HTML

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

2010-06-19 16:01 423 查看
自己在使用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>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐