IE7下用ajax動態填充select框的一個問題

癥狀：

如果你採用了ajax來動態填充內容，在填充select的時候，頁面上有兩個select並排，如果填充的內容長度超過預設的長度，則在IE7下不會自動擴充後面一個select框的位置。第一排：

 

解決辦法：

我這裡用的jQuery來填充資料，在填充之前，將後面的select的visibility設為hidden，填充完了之後再設為visible，效果如第二行。

代碼：

Code
//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...