Tutorials

Pull Down Menus

Pull-down, or drop-down, menus are great space savers when it comes to displaying a series of hyperlinks. The form and script below will enable you to easily place a drop-down selection of links, without the need for any server-side programming. All you have to do is re-code the form elements, including the option values, file selections and submit button value.

<form name="drop_down" method="POST">
<select name="selections" size=1>
<option value="file1.html"> first page </option>
<option value="file2.html"> second page </option>
<option value="file3.html"> third page </option>
</select>
<input type=button onClick= "location = '' + document.drop_down.selections.options[ document.drop_down.selections.selectedIndex ].value;" value="Go!">
</form>

Will look like this.

Written by: Kaze Kikotsu. Questions? Comments? Complaints? E-mail Kaze Kikotsu.

Affiliates:

Apply