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>
下文转自: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>
相关文章推荐
- 解决IE下select标签innerHTML插入option的BUG(兼容
- 使用bBank.js解决IE下select标签innerHTML插入option的BUG
- select对象无法设置innerHTML属性【微软BUG】
- [举一反三]解决IE下select标签innerHTML插入option的BUG(兼容IE,FF,Opera,Chrome,Safari) 前言: 这是一个老bug了,现在提供一个完美解决方案。由于我一直是用createElement来创建动态的op
- 解决IE下select标签innerHTML插入option的BUG(兼容IE,FF,Opera,Chrome,Safari)
- 解决IE下select标签innerHTML插入option的BUG(兼容IE,FF,Opera,Chrome,Safari)
- 关于在IE9下RequiredFieldValidator出现“无法获取属性“toLowerCase”的值: 对象为 null 或未定义”的Bug
- innerHTML属性导致未知的运行时错误ie bug
- IE 6/7/8 BUG:下拉框select设宽度时option超出显示不全
- IE中给select的innerHTML赋值时的bug
- IE下设置unselectable与onselectstart属性的bug,Firefox与Chrome下的解决方案
- innerHTML 属性 导致 未知的运行时错误 IE bug
- IE下设置unselectable与onselectstart属性的bug,Firefox与Chrome下的解决方案
- innerHTML属性导致未知的运行时错误ie bug
- jQuery 解决 IE 6/7/8 BUG:下拉框select设宽度时option超出显示不全
- android 2.3 webView select控件 无法及时显示optionLabel的BUG
- 创建xmldocument对象,并读取xml,绑定到select, ie/ff通用
- 属性父对象ie6、ie7下overflow失效
- IE下某些标签的innerHTML属性只读引发的兼容性问题
- 向select中添加option,firefox和ie兼容