How to anchor with <option> tag in HTML?

Question

I'm trying to anchor a div with an option tag but it doesn't work, what´s wrong with my code? Here´s the anchor snippet

<select>
        <option value="#b1">1 test</option>
</select>
<br />
<br />
<br />
<br />
<br />
<br />
<div id="b1">Testing!</div>

Answer 1

You'll need to add an onchange handler to the select element.

function scrollTo(elmt) { $(elmt.options[elmt.selectedIndex].value).scrollTo(); //With Prototype }

To your select, add onchange=scrollTo()

Answer 2

See Navigational pulldown menus in HTML (especially the part about how they are horrible and you should use a normal set of links instead)

Answer 3

I've tried sonofdelphis solution with no success, here's the code:

<script>
function scrollTo(elmt) { $(elmt.options[elmt.selectedIndex].value).scrollTo();}
</script>

<label>Choose your destiny:</label><br />
<select onchange="scrollTo();">
<option value="#b1">1. blub</option>
</select>
<br /><br /><br /><br /><br /><br /><br /><br />
<div id="b1">testing</div>

Answer 4

Even if I get some code to work I'm still wondering if it'll work on older browsers like ie6