title: How do I change the selected item in a dropdown based on user input in a text box?
body: <p>I have a select dropdown that could possibly contain over 1000 items for a large customer.  </p>
  
  <pre><code>&lt;select name="location" id="location"&gt;
      &lt;option value="1"&gt;Store# 1257&lt;/option&gt;
      &lt;option value="2"&gt;Store# 1258&lt;/option&gt;
      ...
      &lt;option value="973"&gt;Store# 8200&lt;/option&gt;
      &lt;option value="974"&gt;Store# 8250&lt;/option&gt;
      &lt;option value="975"&gt;Store# 8254&lt;/option&gt;
      &lt;option value="976"&gt;Store# 8290 Fuel Center&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>I also have a text box and when the user types in text I want to move the selected item in the dropdown.  </p>
  
  <p>For example, if the user types 82 then I want to move to the first item in the box where an 82 exists which would be value 973.  If the user types 825 then move to 974, etc.  If the user types Fuel, find the first option containing that string.</p>
  
  <p>I am currently using jquery as my javascript library.  </p>
  
  <p>What do you suggest for solving this?  Should I switch to an autocomplete?  If so I need something that has a arrow to dropdown the entire list as some customers may only have 3 or 4 to select from. </p>
  
  <p>Thanks.</p>