Autocomplete dropdown without jQuery with links
<p>I'm trying to use an auto complete dropdown menu using the HTML5 datalist attribute, without JQuery. But I want each suggestion, when selected, goes to an specific link (or when pressed enter, goes to the first suggestion).</p>

<p>What I have right now is:</p>

<pre><code>&lt;form action="www.site.com/search?q=" method="get"&gt;

 &lt;input name="q" type="text" id="txtAutoComplete" list="languageList"/&gt;

  &lt;datalist id="languageList"&gt;

   &lt;option value="OPTION1" /&gt;
   &lt;option value="OPTION2" /&gt;

  &lt;/datalist&gt;

&lt;/form&gt;
</code></pre>

<p>In this case, it performs a search in the site. I want each option to open a specific link, OR to use <strong>value</strong> at the end of the link <a href="http://www.hitsebeats.ninja/search/label/" rel="nofollow">http://www.hitsebeats.ninja/search/label/</a><strong>VALUE_HERE</strong>, which goes to the correct label in Blogger. In this last case, I thought about adding the event <code>onclick</code>:</p>

<pre><code>&lt;datalist id="languageList" onclick='location=this.options[this.selectedIndex].value;&gt;

    &lt;option value='http://www.hitsebeats.ninja/search/label/OPTION1'&gt;
    OPTION1
    &lt;/option&gt;

&lt;/datalist&gt;
</code></pre>

<p>But no success.</p>