在给select初始化的时候,除了ie 6外的所有浏览器中都正常显示效果(ie7,8,9, firefox, chrome), IE6下提示“无法设置selected属性,未指明的错误”或者就是根本就没有显示。
后来找了找资料发现是jquery在ie6下操作select控件有BUG .
$("#hour_").val(2);
改成:
setTimeout(function(){
$("#hour_").val(2);
},1);
就可以了.
原因是:
Note that the error will only occur if you call appendChild , then ask for the select 's childNodes , then set the selected property on the newly created option . If you set selected earlier, either before appendChild or after it, there's no problem. And if you omit childNodes , it works. The problem with jQuery is that its .val() function loops over childNodes looking for an option to set, and thus always triggers the bug.
最后可以定义个函数set_select_val来统一设置select控件的值
function set_select_val(sel, val)
{
if($.browser.msie && $.browser.version=="6.0") {
setTimeout(function(){
sel.val(val);
},1);
}else {
sel .val(val);
}
}
set_select_val($("#hour"),'2');