fill ListBox according to input control value in onKeyUp function
<p>I've a ListBox control </p>

<pre><code> &lt;asp:ListBox ID="ListBox1" runat="server"&gt;
                            &lt;asp:ListItem Value="1" Text="XYZ" /&gt;
                            &lt;asp:ListItem Value="0" Text="XYZD" /&gt;
                            &lt;asp:ListItem Value="-1" Text="D" /&gt;
 &lt;/asp:ListBox&gt;
</code></pre>

<p>a input :</p>

<pre><code>&lt;input id="listBoxFilterTextBox" type="text" onkeyup="FilterListBox()"
</code></pre>

<p>js functions : </p>

<pre><code> function FilterListBox() {
        var listBox = Get('ListBox1');
        var textBox = Get('listBoxFilterTextBox');

        for (i = 0; i &lt; 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);
         }
</code></pre>

<p>When I enter 'X' to input control, it brings 'XYZ', 'XYZD'.. It works correctly Firefox and Chrome. But in IE, It doesn't work correctly. How to solve this IE problem?</p>

<p>Thanks in advance...</p>
