css+js implements the effect code of select list horizontal arrangement

I want to implement a very simple function: when "Intermediary" is selected, "Purchase" and "Lease" are not displayed. I thought it could be achieved through display:none, but it was found that using display:none on the option element is effective in firefox, but is invalid in IE6, IE7, and IE8.