An issue of dynamically filling the select box with Ajax in IE7

Symptoms:

If you use ajax to dynamically fill the content, when filling the SELECT statement, there are two select statements on the page side by side. If the length of the filled content exceeds the default length, in IE7, the position of the next select box is not automatically extended. Row 1:

 

Solution:

I use jquery to fill in the data here. before filling in the data, set the visibility of the SELECT statement to hidden, and set it to visible after filling. The effect is shown in the second row.

Code:

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

I have already put the project file here. You can drag it down and have a look. Google Ajax libraries API is used to load jquery.

For more information, see this log: ieblog for the select few...