Include hyperlinks inside dopdown list 4

[tektripper]

I am trying to include the links on my homepage within a drop down list box. The code i thought would work was something like this

<select name=links>
<option><a href=&quot;

http://www.google.com&quot;>Google</a></option>

<option><a href=&quot;

http://www.yahoo.com&quot;>Yahoo</a></option>

</select>

This doesn't work. Can anyone tell me how i would do this.

Thanks

 

[Boomerang]

Try This:

<script language=&quot;javascript&quot;>

function openWindow(url)
{
window.open(url, 'windowname','toolbar=yes,location=yes,directories=yes,status=yes,menubar=yes,resizable=yes,scrollbars=yes,top=0,left=0,height=600,width=800');
}
</script>

<SELECT name=&quot;selectboxname&quot; ONCHANGE=&quot;javascriptpenWindow(selectboxname.value);&quot; SIZE=&quot;1&quot;>

<OPTION value=&quot;none&quot; selected>- Select a Link -</OPTION>
<OPTION VALUE=&quot;

http://www.google.com&quot;>Google</OPTION>

<OPTION VALUE=&quot;

http://www.yahoo.com&quot;>Yahoo</OPTION>

</SELECT>

Hope this helps,
Erik

 

[toolkit]

An elegant solution, Boomerang

I would suggest using

selectboxame.options[selectboxname.selectedIndex].value

instead of

selectboxname.value

. I think Netscape tends to be a little less forgiving with the second method.

Cheers, Neil

 

[tsdragon]

I agree with Neil. Using the value attribute of selectboxes is problematic at best. The syntax he gave will work more reliably. Tracy Dryden
tracy@bydisn.com

http://www.bydisn.com

Meddle not in the affairs of dragons,
For you are crunchy, and good with mustard.

 

[Boomerang]

Great Neil,

You are right, my solution didn't work in Netscape, but your's does! Great to see to make better solutions with more people. I vote you for this too ;-)

Erik

 

[mtc007]

Can this script by modified to show the new page within a frameset?

I believe that it can but I am brain dead as to the javascript change required?

Thanks,
Mark

 

[toolkit]

Yes. Example code:

// function called like:
// <select onChange='handleSelect(this}'>
//
function handleSelect( object ) {
    var value = object.options[object.selectedIndex].value;
    var target = parent.frames[ 'myTargetFrame' ];
    target.location.href = value;
}

Hope this helps. Cheers, Neil