The first thing you need for the drop down navigation menu is to put the following JavaScript function somewhere in your web page, before the actual menu itself. For example, you can put it in the <head> section of your document, or if you prefer, immediately before the drop down menu itself (see later).

<script language="javascript" type="text/javascript">
<!--
function menu_goto( menuform )
{
// see http://www.thesitewizard.com/archive/navigation.shtml
// for an explanation of this script and how to use it on your
// own site

var baseurl = "http://www.put-your-domain-name-here.com" ;
selecteditem = menuform.newurl.selectedIndex ;
newurl = menuform.newurl.options[ selecteditem ].value ;
if (newurl.length != 0) {
location.href = baseurl + newurl ;
}
}
//-->
</script>



Now for the menu itself. Since the exact URLs for your menu and the names of the pages will differ for your site, you should modify the code given below for your situation.

<form action="dummyvalue">
<select name="newurl" onchange="menu_goto(this.form)">
<option value="" selected="selected">----- Select A Page -----</option>
<option value="/index.html">Home</option>
<option value="/feedback.html">Feedback</option>
<option value="" disabled="disabled"> ---- Miscellaneous ----</option>
<option value="/links.html">Related Links</option>
</select>
</form>

Please note the following about the menu code above:

This menu code goes into the portion of your web page where you want your menu to appear.

The action attribute for the <form> tag is required under HTML. Since our form never uses it, you can place some dummy value there, as I have done above.

It is helpful to put something like "Select a Page" as the first item in the menu so that visitors looking at the drop down box will know that it is a menu. I have set the "selected" attribute as well for that item to ensure that it is shown as the default selection when the page loads.

The "Miscellaneous" menu item illustrates the use of subtitles or separators in the menu. They serve as organising tools to help visitors see the various sections in the menu. Many modern browsers will recognise the "disabled" attribute and not allow visitors to select that item. However, if you want to be sure, you can set the value of such item to your main page or your site index.

You will, of course, have to change the filenames in each of the option "value" tags as well as the description of those files