【来源】：http://www.cnblogs.com/shinyzhu/archive/2009/03/03/html-select-ie7.html
在IE7中动态操作select的时候会出现下面的问题
BUG症状：
正常效果：
问题就是多个select由于内容变化，但是不会自动排列位置。暂时只是在IE7中发现这个问题。
解决办法：
将需要填充的Select 后面的Select全部隐藏，内容添加结束以后，重新显示，就会自动扩展位置
1 $("#city").css('visibility', 'hidden');
2
3 $("#district").css('visibility', 'hidden');
4
5 $("#province").append("<option value=001>贵州</option>");
6
7
8
9 $("#city").css('visibility', 'visible');
10
11 $("#district").css('visibility', 'visible');
2
3 $("#district").css('visibility', 'hidden');
4
5 $("#province").append("<option value=001>贵州</option>");
6
7
8
9 $("#city").css('visibility', 'visible');
10
11 $("#district").css('visibility', 'visible');