title: How to open option list of HTML select tag on onfocus()
body: <p>My HTML code looks like below:</p>
  <pre><code>   &lt;select id = &quot;demo2&quot;&gt;
          &lt;option value = &quot;---select---&quot;&gt;---select---&lt;/option&gt;
          &lt;option value = &quot;1&quot;&gt;Oranges&lt;/option&gt;
          &lt;option value = &quot;2&quot;&gt;Apples&lt;/option&gt;
          &lt;option value = &quot;3&quot;&gt;Pears&lt;/option&gt;
          &lt;option value = &quot;4&quot;&gt;Kiwis&lt;/option&gt;
          &lt;option value = &quot;5&quot;&gt;Bananas&lt;/option&gt;
          &lt;option value = &quot;6&quot;&gt;Banansasas&lt;/option&gt;       
          &lt;option value = &quot;7&quot;&gt;Grapes&lt;/option&gt;
     &lt;/select&gt;
  </code></pre>
  <p>How do I open the option list of the <code>select</code> tag on <code>onfocus()</code> events?</p>