Javascript Form How to - Click button to navigate a selection in form option (combox)

Question

We would like to know how to click button to navigate a selection in form option (combox).

Answer


<!--from w ww  . j  ava2 s  .  c o  m-->
<HTML>
<BODY>
<FORM name="f1">
    <SELECT name="s1">
        <OPTION SELECTED value="http://www.java2s.com">java2s
        <OPTION value="http://www.cnn.com">D
        <OPTION value="http://www.google.com">C
        <OPTION value="http://www.yahoo.com">B
        <OPTION value="http://www.java.com">A
    </SELECT>
<INPUT type="button" name="go" value="Go!" onClick="window.location=document.f1.s1.options[document.f1.s1.selectedIndex].value">
</FORM>
</BODY>
</HTML>

The code above is rendered as follows: