IE6下提示无法设置selected属性,无效索引错误的解决方法

来源:互联网 发布:ecmascript不就是js吗 编辑:程序博客网 时间:2024/04/29 11:16
页面上有一个处理是这样的:ajax从后台获取n条数据,然后填充到select列表中,并选中其中一条数据,程序大致如下:(基于jquery框架实现)


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);

//...

}


jQuery(function($){
//...
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);时,控件值未完成初始化???!!!
原创粉丝点击