CodeAve.com/JavaScript - Dropdown Menu (Automatic)

CodeAve.com - JavaScript - Forms

ASP
JavaScript
·Document Info
·Forms
·Images
·Miscellaneous
·Navigation
·Script Writers
·Contents
·What's New?
CSS
HTML
Maps
Links
Mail List
Search
Sitemap

Dropdown Menu (Automatic)

Dropdown menus are great for directed input into your applications, but can also be used for navigation purposes. If you have a list of links and not much space on your page a dropdown menu will enable long lists to take up as much or as little space as you’d like. The following example lists some of the top internet sites. When one is selected the browser will be directed to that site without the need for clicking an input button.

•View the Output

•Text View

•Print View

•Mail this Link

<html>
<title>CodeAve.com(JavaScript:Dropdown Menu (Automatic))</title>
<body bgcolor="#FFFFFF">

<script language="JavaScript">
function pulldown_menu()
{
// Create a variable url to contain the value of the
// selected option from the the form named pulldown and variable selectname
var url = document.pulldown.selectname.options[document.pulldown.selectname.selectedIndex].value

// Re-direct the browser to the url value
window.location.href = url
}
</script>

<center>

<form name="pulldown">
<select name="selectname" SIZE="1" onChange="pulldown_menu()">
<option value="">Select A Site</option>
<option value="http://www.yahoo.com">Yahoo.com</option>
<option value="http://www.goto.com">Goto.com</option>
<option value="http://www.altavista.com">AltaVista</option>
<option value="http://www.go.com">Go.com</option>
<option value="http://www.msn.com">MSN.com</option>
</select>
</form>

</center>
</body>
</html>