昨天晚上分析看了一下国内浏览器的使用情况，ie老大,360第二,搜狗第三，加之公司也有人用sougou于是一大早就开始了兼容的调整！
在IE7中动态操作select的时候会出现下面的问题
BUG症状：
正常效果:
问题就是多个select由于内容变化，但是不会自动排列位置。暂时只是在IE7中发现这个问题。
解决办法：
一、将需要填充的Select 后面的Select全部隐藏，内容添加结束以后，重新显示，就会自动扩展位置：
引用的内容：
$("#city").css('visibility', 'hidden');
$("#district").css('visibility', 'hidden');
$("#province").append("<option value=001>贵州</option>");
$("#city").css('visibility', 'visible');
$("#district").css('visibility', 'visible');
二、用css固定select的宽度
#city,#district {width:100px;}
最终我选择用的是第二种方法，这样感觉好一点！
正常效果:
问题就是多个select由于内容变化，但是不会自动排列位置。暂时只是在IE7中发现这个问题。
解决办法：
一、将需要填充的Select 后面的Select全部隐藏，内容添加结束以后，重新显示，就会自动扩展位置：
引用的内容：
$("#city").css('visibility', 'hidden');
$("#district").css('visibility', 'hidden');
$("#province").append("<option value=001>贵州</option>");
$("#city").css('visibility', 'visible');
$("#district").css('visibility', 'visible');
二、用css固定select的宽度
#city,#district {width:100px;}
最终我选择用的是第二种方法，这样感觉好一点！
