IE不支持option的display样式，只能使用remove和add

想实现一个很简单的功能：当选中“中介”时，不显示“求购”与“求租”。本以为通过display:none即可实现，结果发现在option元素上使用display:none在firefox中有效，在ie6、ie7、ie8中都无效。

 

 
所以，通过javascript设置display:none也是在ie中无效，代码如下：

所以，只能通过select元素的remove和add方法，当选中“中介” 时，把“求租”和“求购”删除。代码如下：

这样在ie和firefox中都有效了。真费解啊，ie8竟然还不支持option的display:none 。
上面的代码还有一个问题：在ie7和ie8中 选中“个人”，然后刷新，将导致“求租”和“求购”被删除。在ie6和firefox3.5.5中正常。