title: Focus option without select the value in the option list
body: <p>I have a requirement which is based on open a &quot;Select&quot; with a lot of options but it should start the selection in the half of the list without select that value in which the component was started</p>
  <pre><code>&lt;select&gt; 
     &lt;option value=&quot;1&quot;&gt;value 1&lt;/option&gt; 
     &lt;option value=&quot;2&quot;&gt;value 2&lt;/option&gt; 
     &lt;option value=&quot;3&quot;&gt;value 3&lt;/option&gt; 
     &lt;option value=&quot;4&quot;&gt;value 4&lt;/option&gt; 
     &lt;option value=&quot;5&quot;&gt;value 5&lt;/option&gt; 
     &lt;option value=&quot;6&quot;&gt;value 6&lt;/option&gt;
     &lt;option value=&quot;7&quot;&gt;value 7&lt;/option&gt; 
     &lt;option value=&quot;8&quot;&gt;value 8&lt;/option&gt; 
     &lt;option value=&quot;9&quot;&gt;value 9&lt;/option&gt; 
     &lt;option value=&quot;10&quot;&gt;value 10&lt;/option&gt;
  </code></pre>
    
  <p>When the user opens the list it should start in the middle without select that option, see how the middle option is just focused but not selected:</p>
  <p><a href="https://i.stack.imgur.com/c7jTg.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/c7jTg.png" alt="enter image description here" /></a></p>
  <p>It's there any way to achieve this using jQuery?</p>