How to Create a Dropdown List Hyperlink without the GO button ?

Question

I just want to create a dropdown list whenever I choose a new value inside it will take me to a new webpage. I don't want to let user to click "GO" button to go to the page. Just on select and call the action. How can I do such ?

<form>
<p align="center"><b>Select a Site </b>
<select id="setit" style="color: #0000FF" size="1" name="test">
<option value="">Select one</option>
    <option value="http://www.altavista.com"&gt;AltaVista&lt;/option&gt;
    <option value="http://www.yahoo.com"&gt;Yahoo&lt;/option&gt;
     <option value="http://www.google.com"&gt;Google&lt;/option&gt;&lt;/select&gt;
     <input type="button" value="Go"
onclick="window.open(setit.options[setit.selectedIndex].value)">
</p></form>

Here for example, this will have the GO button and need to click the GO in order to go to the new page. I don't want the GO button.

Any ideas?

Answer 1

use onchange event:

<select onchange="window.open(this.value,'','');">
....
</select>

Answer 2

As fas as I understood - you simply have to handle onchange event for select tag. Just move your onclick handler there.