Ad:

JavaScript / DHTML / AJAX Discussion Thread
Marked Solved
Views: 278

Jul 22nd, 2010

Dropdown Menu

Expand Post »

Hi,

I created one Dropdown menu like --Jump To--- .
a)google
b)Daniweb
When i click on the Jump To menu it displys two or more options like google or daniweb like above. When i click on the google it must call to hyper link and displays google website and daniweb as well. I hope you all understand. But i being failed to do this task. Could you please help out me regarding of this!!!

Similar Threads

how can i display data in textbox from choosen dropdown menu? in VB.NET
Three-level suckerfish dropdown menu with transparency in HTML and CSS
Today's Posts added to navigation dropdown menu in DaniWeb Community Feedback
PHPbb - Dropdown menu Issue in PHP

Anujay

Reputation Points: 10

Solved Threads: 0

Newbie Poster

Offline

2 posts
since Jul 2010

Permalink

Jul 22nd, 2010

Re: Dropdown Menu

Yeah. I got your point. It was nice thinking actually. keep it up. Try this below code:

JavaScript / DHTML / AJAX Syntax (Toggle Plain Text)
<html>
<head>
<script language="javascript" type="text/javascript" >
<!-- hide
 
function jumpto(x){
 
if (document.form1.jumpmenu.value != "null") {
document.location.href = x
}
}
 
// end hide -->
</script>
</head>
<body>
<form name="form1">
<select name="jumpmenu" onChange="jumpto(document.form1.jumpmenu.options[document.form1.jumpmenu.options.selectedIndex].value)">
<option>Jump to...</option>
<option value=http://www.daniweb.com>daniweb</option>
<option value=http://google.com>Google</option>
</select>
</form>
</body>
</html>
<html>
<head>
<script language="javascript" type="text/javascript" >
<!-- hide

function jumpto(x){

if (document.form1.jumpmenu.value != "null") {
document.location.href = x
}
}

// end hide -->
</script>
</head>
<body>
<form name="form1">
<select name="jumpmenu" onChange="jumpto(document.form1.jumpmenu.options[document.form1.jumpmenu.options.selectedIndex].value)">
<option>Jump to...</option>
<option value=http://www.daniweb.com>daniweb</option>
<option value=http://google.com>Google</option>
</select>
</form>
</body>
</html>

Jayavardhan

Reputation Points: 8

Solved Threads: 13

Light Poster

Offline

46 posts
since Jul 2010

Permalink

Jul 22nd, 2010

Re: Dropdown Menu

Wow!!! It's really nice code. What a thinking you are!!! It was working greatly to me. Thank you very much...

Anujay

Reputation Points: 10

Solved Threads: 0

Newbie Poster

Offline

2 posts
since Jul 2010

Permalink

Jul 22nd, 2010

Re: Dropdown Menu

Not much surpraised. It's simple code. Thanks for your reputation comments.

Jayavardhan

Reputation Points: 8

Solved Threads: 13

Light Poster

Offline

46 posts
since Jul 2010

Permalink

Jul 22nd, 2010

Re: Dropdown Menu

That is really good!!

toydiaz

Reputation Points: 10

Solved Threads: 0

Light Poster

Offline

41 posts
since Jul 2010

This thread is solved

Either the thread starter or a moderator has marked this thread as solved. You can most likely trust the responses and answers given. There is most likely no reason for any further responses to be posted here. If you have a related question, please start a new thread in this forum instead.

This thread is more than three months old

No one has posted to this discussion for at least three months. Please let old threads die and do not reply to them unless you feel you have something new and valuable to contribute that absolutely must be added to make the discussion complete. Otherwise, please start a new thread in this forum instead.

Previous Thread in JavaScript / DHTML / AJAX Forum Timeline: Help with jQuery .live

Next Thread in JavaScript / DHTML / AJAX Forum Timeline: http://keyonary.com cool jquery effect

DaniWeb Message

Cancel Changes

User Name
Password