Show all options of datalist on focus
<p>Is there any way to show all options of datalist on focus? I need to show all the options even after a key press. </p>

<pre><code>&lt;form action="" method="get"&gt;
 &lt;input list="browsers" name="browser"&gt;
 &lt;datalist id="browsers"&gt;
  &lt;option value="Internet Explorer"&gt;
  &lt;option value="Firefox"&gt;
  &lt;option value="Chrome"&gt;
  &lt;option value="Opera"&gt;
  &lt;option value="Safari"&gt;
 &lt;/datalist&gt;
 &lt;input type="submit"&gt;
&lt;/form&gt;
</code></pre>

<p><a href="https://jsfiddle.net/jffasna/9yfm7wne/" rel="nofollow noreferrer"><strong>FIDDLE</strong></a></p>

<p>PS: This is not same as <a href="https://stackoverflow.com/questions/2141357">this</a> question. My datalist options are generated dynamically using jquery. </p>