Big Bug Ban

兴趣 践行 创新

ie的bug真多…..之关于innerHTML的opinion

 

前几日做市场.
二级分类在firefox下很正常..
也没有多想..
昨日处理在ie6下挂得乱七八糟的页面…
偶然间发现二级菜单不显示

这个是二级分类…
<select name="category" id="category"  style="width:150px;">

</select>
js函数
$.ajax({
url: urld,
type: ‘POST’,
timeout: 10000,
error: function(){
$$(‘category’).innerHTML = "";
},
success: function(html){
$$(‘category’).innerHTML = html;
}
});
回执的页面是这样的

<option value=1>电脑硬件、软件</option>
<option value=2>影音、娱乐、通讯设备</option>
<option value=3>教材、教辅、图书</option>

按理说是正常的..但就是不显示..
success: function(html){
alert(html);
$$(‘category’).innerHTML = html;
}
调试一下…html是正常的..怎么回事呢??
然后用maxthon查看了一下得到回执的页面..
发现变这样了…
<select name="category" id="category"  style="width:150px;"> 

电脑硬件、软件</option>
<option value=2>影音、娱乐、通讯设备</option>
<option value=3>教材、教辅、图书</option>

</select>
缺了….

郁闷…

然后上网找资料..终于找到了…原来是ie的bug…ie678都有这个问题….

不过微软也说了解决办法
http://support.microsoft.com/kb/276228

用div代替..然后把select加入到回执里面

像这样
<div  id="category"  style="width:150px;">

</div>

回执
<select name="category" style="width:150px;"> 

<option value=1>电脑硬件、软件</option>
<option value=2>影音、娱乐、通讯设备</option>
<option value=3>教材、教辅、图书</option>

</select>

ok..搞定

Written by princehaku

8月 15th, 2009 at 9:03 上午

Posted in technology

without comments

Leave a Reply