页面上有一个处理是这样的:ajax从后台获取n条数据,然后填充到select列表中,并选中其中一条数据,程序大致如下:(基于jquery框架实现)
var data = getAjaxData();
var selObj=$("#sel_id");
var optStr="";
selObj.empty();
for(var i=0;i<data.length;i++)
{
optStr+='<option value="'+data[i]+'">'+data[i]+'</option>';
}
selObj.html(optStr);
//...
}
function setSelectData(){
//...
$("#sel_id").val(xxxx);
//...
//...
initSelectData(); //ajax从后台获取n条数据,并使用数据初始化select列表
setSelectData(); //select选中其中一条数据
//...
});
以上代码在firefox,google chrome,IE7及以上都能如预期正常运行。但是,在IE6下运行,却报脚本错误:无法设置selected属性,无效索引错误。
下拉列表初始化成功,但是值无法设置。
解决办法:
在设置selected值的时候使用setTimeout函数进行延迟处理,延迟时间设定一个任意时间即可:
//...
jQuery(function($){
//...
initSelectData();
window.setTimeout(setSelectData, 5); //解决IE6下无法设置selected属性的错误
//...
});
可能的原因是,IE6初始化控件值是异步进行。运行$("#sel_id").val(xxxx);时,控件值未完成初始化???!!!
function initSelectData(){
//...var data = getAjaxData();
var selObj=$("#sel_id");
var optStr="";
selObj.empty();
for(var i=0;i<data.length;i++)
{
optStr+='<option value="'+data[i]+'">'+data[i]+'</option>';
}
selObj.html(optStr);
//...
}
function setSelectData(){
//...
$("#sel_id").val(xxxx);
//...
}
//...
initSelectData(); //ajax从后台获取n条数据,并使用数据初始化select列表
setSelectData(); //select选中其中一条数据
//...
});
以上代码在firefox,google chrome,IE7及以上都能如预期正常运行。但是,在IE6下运行,却报脚本错误:无法设置selected属性,无效索引错误。
下拉列表初始化成功,但是值无法设置。
解决办法:
在设置selected值的时候使用setTimeout函数进行延迟处理,延迟时间设定一个任意时间即可:
//...
jQuery(function($){
//...
initSelectData();
window.setTimeout(setSelectData, 5); //解决IE6下无法设置selected属性的错误
//...
});
可能的原因是,IE6初始化控件值是异步进行。运行$("#sel_id").val(xxxx);时,控件值未完成初始化???!!!