javascript - onKeyUp 関数の入力コントロール値に従って ListBox を埋める

Question

私は ListBox コントロールを持っています

 <asp:ListBox ID="ListBox1" runat="server">
                            <asp:ListItem Value="1" Text="XYZ" />
                            <asp:ListItem Value="0" Text="XYZD" />
                            <asp:ListItem Value="-1" Text="D" />
 </asp:ListBox>

入力:

<input id="listBoxFilterTextBox" type="text" onkeyup="FilterListBox()"

js 関数:

 function FilterListBox() {
        var listBox = Get('ListBox1');
        var textBox = Get('listBoxFilterTextBox');

        for (i = 0; i < listBox.options.length; i++) {
            if (listBox.options[i].text.toLowerCase().indexOf(textBox.value.toLowerCase()) != -1) {
                listBox.options[i].style.display = "";
            } else {
                listBox.options[i].style.display = "none";
            }
        }

         function Get(id) {
        return document.getElementById(id);
         }

入力コントロールに「X」を入力すると、「XYZ」、「XYZD」が表示されます。Firefox と Chrome で正しく動作します。しかし、IEでは正しく動作しません。この IE の問題を解決するにはどうすればよいですか?

前もって感謝します...