Redirect page from list choice!

Sitehelp · Feb 18, 2004

I am not too good with javascript. How do I get the pages to come up if a user selects a particular list item. Each item has a different address. For example if the user selects "Personnel Information" then they will be directed to "

http://ModifyPersonnelInformation.php".

My code for the list is:

<select name="select" size="1">
<option value="Personnel Information">Personnel Information</option>
<option value="Hardware Information">Hardware Information</option>
<option value="Software Information">Software Information</option>
<option value="Licences you hold">Licences you hold</option>
<option value="Password/Username">Password/Username</option>
</select>
<input type="submit" name="Submit" value="Submit">
</p>
</form>

I just want to change it so it can redirect to each page, probably using IF statements I guess. Cheers for the help all!

ggriffit · Feb 18, 2004

change the VALUE attribute to be the filename that you want them to go to then you can use :

<select name="selectList" size="1" onChange="document.location=document.myForm.selectList.value">

Sitehelp · Feb 18, 2004

so kinda like:

<select name="select" size="1">
<option value="

Http://modifypersonnelinformation.php">Personnel

Information</option>
etc etc... for the list

Then........ (how do I layout the next bit please????):

<select name="select" size="1" onChange="document.location=document.myForm.selectList.value">

Thanks!

glenmac · Feb 18, 2004

Not sure if you want to use a button, If so just call the function onSubmit. Hope this helps.

Code:

<!DOCTYPE HTML PUBLIC &quot;-//W3C//DTD HTML 4.01 Transitional//EN&quot;
&quot;[URL unfurl="true"]http://www.w3.org/TR/html4/loose.dtd&quot;>;[/URL]
<html>
<head>
<title>Untitled Document</title>
<script language=&quot;JavaScript&quot; type=&quot;text/JavaScript&quot;>
<!--
function linkTo(targ,selObj){
  eval(targ+&quot;.location='&quot;+selObj.options[selObj.selectedIndex].value+&quot;'&quot;);

}
//-->
</script>
</head>

<body>
<form name=&quot;form1&quot;>
  <select name=&quot;drop-down menu&quot; onChange=&quot;linkTo('parent',this)&quot;>
    <option value=&quot;one.html&quot; selected>one</option>
    <option value=&quot;two.html&quot;>two</option>
    <option value=&quot;three.html&quot;>three</option>
  </select>
</form>
</body>
</html>

Glen

http://www.lantzvillecomputers.ca

glenmac · Feb 18, 2004

OOPs guess we posted at the same time. ggriffit's method would work just as well (maybe easier). I used a function because you could then call it from your button.

Glen

http://www.lantzvillecomputers.ca

glenmac · Feb 18, 2004

OOps OOPs forget the last post!! ggriffit's post is better.
[blush]

Glen

http://www.lantzvillecomputers.ca

ggriffit · Feb 18, 2004

Thanks for the comments glenmac ;-)

For ease of management it may be worth moving the code into a function and then calling the function from the ONCHANGE. This makes it easier to manage and potentially reusable if you build the function right, such as :

<html>
<head>
<script language="javascript">
function changeURL(whichFormObj)
{
// assign the value of the form field to a variable
var newURL=whichFormObj.value;

// change the URL
document.location=newURL;
}
</script>
</head>
<body>
<form name="myForm">
<select name="myURL" onchange="changeURL(this)">
<option value="

http://www.greggriffiths.org">My

Home Page</option>
<option value="

http://www.generationcross.org.uk">And

another</option>
</select>
</form>
</body>
</html>

glenmac · Feb 18, 2004

HMM, well ggriffit I don't see a lot of difference between your function and mine, they both work . I was hoping to be able to get the function to work using onsubmit for the form object as

http://WWW has

a button on his form but I gave up. (got tired)

Glen

http://www.lantzvillecomputers.ca

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!

Redirect page from list choice!

Sitehelp

Technical User

ggriffit

Programmer

Sitehelp

Technical User

glenmac

Technical User

glenmac

Technical User

glenmac

Technical User

ggriffit

Programmer

glenmac

Technical User

Similar threads

Part and Inventory Search

Sponsor