セレクトボックス内の要素を非表示にしたい

[code]

    <select>
     <option>test1</option>
     <option>test2</option>
    </select>
    
[/code]

のtest1を非表示にしたいのですが、javascript 、jqueryで可能でしょうか？  
firefoxでは、cssのdisplay:noneで非表示になりますが、IEでは実現できませんでした。




IEのドキュメント[option element](https://msdn.microsoft.com/en-
us/library/ms535877\(v=vs.85\).aspx)には

> Except for `background-color` and `color`, style settings applied through
> the `style` object for the `option` element are ignored. In addition, style
> settings applied directly to individual `options` override those applied to
> the containing `select` element as a whole.

とありスタイルを指定できない仕様のようです。




IEのドキュメント[option element](https://msdn.microsoft.com/en-
us/library/ms535877\(v=vs.85\).aspx)には

> Except for `background-color` and `color`, style settings applied through
> the `style` object for the `option` element are ignored. In addition, style
> settings applied directly to individual `options` override those applied to
> the containing `select` element as a whole.

とありスタイルを指定できない仕様のようです。

