下拉选项作为锚点

Question

I am pulling out record from the database and inserting them inside a dropdown like this:

echo "<select>";
while ($drow = mysql_fetch_assoc($request))
{
   echo "<option>" . $drow['id'] . "</option>";
}
echo "</select>";

It works but I need to be able to click on an option on the dropdown and make it link just like:

<a href="Record1Here">Record1Here</a>
<a href="Record2Here">Record2Here</a>
<a href="Record3Here">Record3Here</a>

UPDATE: Latest code:

<script>

function doSomething() {
    var currentval = this.options[this.selectedIndex].value;
    // you could navigate away at that point ?
    window.location = currentval;
}
</script>

...

echo "<select onchange='doSomething();'>";
while ($drow = mysql_fetch_assoc($request))
{

   echo "<option value=\"view.php\">" . $drow['id'] . "</option>";

}
echo "</select>";

Answer 1

You can't place anchors on an option within a select list.

What you can do is use JavaScript and then do something on the change event of the select list :

echo "<select onchange='doSomething(this);>';

then in JavaScript do something based on the selected value :

function doSomething(elem) {
    var currentval = elem.options[elem.selectedIndex].value;
    // you could navigate away at that point ?
    window.location = currentval;
}

Example here

you could update your PHP code to include a value in each option :

echo "<option value=\"urlhere.php\">" . $drow['id'] . "</option>";