IE7下用ajax动态填充select框的一个问题

症状：

如果你采用了ajax来动态填充内容，在填充select的时候，页面上有两个select并排，如果填充的内容长度超过默认的长度，则在IE7下不会自动扩展后面一个select框的位置。如图所示第一排：

 

解决办法：

我这里用的jQuery来填充数据，在填充之前，将后面的select的visibility设为hidden，填充完了之后再设为visible，效果如上图第二行。

代码：

//Fix IE7 auto expand select:
//first hide the selects
$('#second_cat_fix').css('visibility', 'hidden');
fillThings('', '#first_cat_fix');
//then show the selects.
$('#second_cat_fix').css('visibility', 'visible');

项目文件我已经放在这里了，可以拖下去看一看。里面用到了Google AJAX Libraries API来加载jQuery。

另外请参考这篇日志：IEBlog For the SELECT few...