IE6报"无法设置selected属性。无效索引。"

转自：http://blog.csdn.net/huigoo/article/details/7491586

由于下拉列表涉及到级联操作，所以准备将option的值通过$('el').html()设置进去，然后设置相应的值，在IE8、FF、Chrome下均没错误，IE6.0出现无法设置问题，报错"无法设置selected属性。无效索引。"，如下图

遂开始在IE6下艰苦调试，发现只需要在设值之前打印一个alert，js就不出现错误

[javascript]  view plain copy

1. $(document).ready(function(){  
2.     var _var = "<option value='test1'>test1</option>"  
3.     _var += "<option value='test2'>test2</option>"  
4.     _var += "<option value='test3'>test3</option>"  
5.     $('#test').html(_var)  
6.     alert'test')//如果这里的alert去掉,这报"无法设置selected属性。无效索引。"  
7.     $('#test').val('test2')  
8. })      

由此中窥知，莫非$('el').html(xxxx)有延时的？？？最后通过设置暂停来解决了,代码如下

[javascript]  view plain copy

1. $(document).ready(function(){  
2.     var _var = "<option value='test1'>test1</option>"  
3.     _var += "<option value='test2'>test2</option>"  
4.     _var += "<option value='test3'>test3</option>"  
5.     $('#test').html(_var)  
6.     setTimeout("testSelected()",1) ;  
7. })                
8. testSelected = function(){  
9.     $('#test').val('test2')  
10. }