Drop-Down Links to Named Anchors

DonCorr · May 7, 2003

I want to create a drop-down list which navigates to various locations within the same HTML page. I can make a drop-down list navigate to <other> pages, and I can make the idea work with a bunch of HTML anchors, but how can this be done using a drop-down list? Is javascript absolutely required, or is there a way through plain old HTML?

palbano · May 7, 2003

>> Is javascript absolutely required

Yes, i think so. You have to handle the onchange event.

Code:

<select onchange=&quot;document.location = this.options(this.selectedItem).value;&quot; ... >
<option value=&quot;#thisPlace&quot;>This Place</option>
<option value=&quot;#thatPlace&quot;>That Place</option>

-pete
_{I just can't seem to get back my IntelliSense}

DonCorr · May 8, 2003

palbano

Thanks for your quick response. I tried the code you suggested, but had no luck. Here is the code I tried:

<HTML>
<HEAD>
</HEAD>
<BODY

<FORM>
<select onChange="document.location = this.options(this.selectedItem).value;">
<OPTION VALUE="#thisPlace">This Place</OPTION>
<OPTION VALUE="#thatPlace">That Place</OPTION>
</SELECT>
</FORM>

 
 
Bla Bla Bla 
Bla Bla Bla 
Bla Bla Bla 
Bla Bla Bla 
Bla Bla Bla 
Bla Bla Bla 
<A Name="thisPlace">THIS PLACE
 
Bla Bla Bla 
Bla Bla Bla 
Bla Bla Bla 
Bla Bla Bla <BR.
Bla Bla Bla 
Bla Bla Bla 
<A name="thatPlace">THAT PLACE 

</BODY
</HTML>

Upon either selection (provided it is different from the previously-selected option) I wind up at the first anchor. I tried a few variations of the code as you entered it, including the " ..." at the and of the select tag. I've not come across that one before and would appreciate an explanation of what it does.

Any more ideas on the original problem? Where did I go wrong?

DonCorr

GUJUm0deL · May 8, 2003

DonCorr, see if this helps:

<FORM name="MyForm">
<select name="mySelect" onChange="document.location = this.options[this.options.selectedIndex].value">
<option>Choose One Please</option>
<OPTION VALUE="#thisPlace">This Place</OPTION>
<OPTION VALUE="#thatPlace">That Place</OPTION>
</SELECT>
</FORM>

 
 
<A Name="thisPlace">THIS PLACE 
Bla Bla Bla 
Bla Bla Bla 
Bla Bla Bla 
Bla Bla Bla 
Bla Bla Bla 
Bla Bla Bla 
Bla Bla Bla 
Bla Bla Bla 
Bla Bla Bla 
Bla Bla Bla 
Bla Bla Bla 
Bla Bla Bla 
Bla Bla Bla 
Bla Bla Bla 
Bla Bla Bla 
Bla Bla Bla 
Bla Bla Bla 
Bla Bla Bla 
 
 
<A name="thatPlace">THAT PLACE 
Bla Bla Bla 
Bla Bla Bla 
Bla Bla Bla 
Bla Bla Bla 
Bla Bla Bla 
Bla Bla Bla 
Bla Bla Bla 
Bla Bla Bla 
Bla Bla Bla 
Bla Bla Bla 
Bla Bla Bla 
Bla Bla Bla 
Bla Bla Bla 
Bla Bla Bla 
Bla Bla Bla 
Bla Bla Bla 
Bla Bla Bla 
Bla Bla Bla 
Bla Bla Bla 
Bla Bla Bla 
Bla Bla Bla 
Bla Bla Bla 
Bla Bla Bla 
Bla Bla Bla 
</BODY
</HTML>

Forget the Nobel Peace prize, I just want to take over the world!! [hammer]

DonCorr · May 9, 2003

Thanks, GUJUmOdeL. That was exactly what I needed. It seems my problem was using the ( ) in place of the [ ]. It's always something simple, once you know what it is.

There is a javacript error when "Choose One Please" is selected after selecting another option. I don't need the prompt, however, and the code will work just fine. Thanks again.

DonCorr

GUJUm0deL · May 9, 2003

You're welcome man...

Forget the Nobel Peace prize, I just want to take over the world!! [hammer]

Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Drop-Down Links to Named Anchors

DonCorr

Technical User

palbano

Programmer

DonCorr

Technical User

GUJUm0deL

Programmer

DonCorr

Technical User

GUJUm0deL

Programmer

Similar threads

Part and Inventory Search

Sponsor