jQuery: stop a <select> list from moving on keypress?
<p>I have HTML/jQuery like this:</p>

<pre><code>&lt;select id="userlist" name="userlist"&gt;
&lt;option value=''&gt;&lt;/option&gt;
&lt;option value="ADJUDICATION"&gt;ADJUDICATION&lt;/option&gt;
&lt;option value="ADMINISTRATIVE"&gt;ADMINISTRATIVE LAW&lt;/option&gt; # etc
&lt;/select&gt;

$("#userlist").keypress(function(e) {
    windows_id += String.fromCharCode(e.which).toUpperCase();
    // Only do anything if we have more than 1 initial.
    if (windows_id.length &gt; 1) {
    // do stuff here 
    }
});
</code></pre>

<p>As you can see, if the user types more than two characters in, I want to do something special. </p>

<p>My question is this: is there any way I can prevent the <code>&lt;select&gt;</code> list from moving after the user has typed just one character, and instead, hold it still until the user has typed two?</p>

<p>Thanks!</p>
