Drop-down list page select 2

WynneSMI · Mar 19, 2003

I have a simple HMTL web page and with a drop-down list. It's suppose to be drop-down list of pages but I can't figure out how to redirect someone to a page based on the option they select form the list. I'm new at programming so this may be a stupid HTML question. Can anyone help me? Thanks.

<SELECT NAME="page" onChange="submit()" style="font-size: 8pt">

<option value="">----------------------------

<option selected>Choose a Page

<option value="">----------------------------

<option value="page1">Page 1

<option value="page2">Page 2

</select>

I want to to be able to go to a specific web page based on the option I select, ex: If I select Page 1 I want to go to a page called home.htm or Page 2 go to a page called contanct.htm. Thanks for any help!!!

GrSw · Mar 20, 2003

An example:

<html>
<head>
<script language="javascript">

</script>
</head>

<body>
<form>
<select name="selPage" onChange="changePage(this.form)">
<option value="sel1.html">page 1</option>
<option value="sel2.html">page 2</option>
<option value="sel3.html">page 3</option>
</select>
</form>

</body>
</html>

Hope this helps
Grzegorz

MrGreed · Mar 20, 2003

Ok, you'll need some JavaScript code:

Change:

<SELECT NAME="page" onChange="submit()" style="font-size: 8pt">

to:

<SELECT ID="page" NAME="page" onChange="RedirectToNewPage()" style="font-size: 8pt">

*It is important to include a objects ID when you define them, always make sure you define an ID attribute.

Ok the function:

<Script language="javascript">
function RedirectToNewPage(){
//get the select box object
var objSel=document.getElementById("page&quot

;

//redirect the user
document.location.href=objSel.options(objSel.selectedIndex).value;
}
</Script>

* place this above script between your <Head> </Head>

*Make sure your options have the full url you want to goto in the value field.

Example: <option value="

http://www.somewhere.com">Some

Where</option>

*Also JavaScript is case sensative so when you use the code above make sure it is capitalized where I have it.

"did you just say Minkey?, yes that's what I said."

MrGreed

http://www.pastame.com

WynneSMI · Mar 20, 2003

Thanks MrGreed, very simple and it works! I was wondering how would I specify the page name if the page was up one directory? index file is in the root (c:\root) and the pages or files im going to redirect to are up one directory(c:\root\pages). How would I do that? Thanks again for your help!

GrSw · Mar 20, 2003

Just use the relative URL paths within option values:

Code:

<option value=&quot;../page_name.html&quot;>

or

Code:

<option value=&quot;pages/page_name.html&quot;>

Hope this helps
Grzegorz

MrGreed · Mar 20, 2003

WynneSMI:

See GrSw remarks, they should work, and yes use relative paths if the webpages you want to access are contained within your own website. If accessing webpages on another persons website use the full path.

"did you just say Minkey?, yes that's what I said."

MrGreed

http://www.pastame.com

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 list page select 2

WynneSMI

Programmer

GrSw

Programmer

MrGreed

Programmer

WynneSMI

Programmer

GrSw

Programmer

MrGreed

Programmer

Similar threads

Part and Inventory Search

Sponsor