Drop Down Link Menu Box With Automatic Redirect

  • Want to create a drop down link menu that automatically redirects to any web page?
  • Want to link to related topics on the same web page?

Recently I designed a static website for a client containing multiple categories and sub categories. I initially suggested to the client to use a content management system such as WordPress however since he recently purchased the latest copy of Dreamweaver he insisted using this software to build and manage the website.

Since some pages would link to multiple resources I decided to build a drop down link menu to make it easy for visitors to find pages from the page they are currently viewing.

Drop Down Link Menu Box With Automatic Redirect

drop down link menu

How it works

When a visitor clicks the arrow on the drop down box it displays a list of choices. After selecting one of the options the visitor is automatically redirected to that web page.

To display a drop down box on your web page, place the following code within the HTML of your web page where you would like the box to appear.


<form name="form1">
<select name="select" onchange="goto(this.form)" size="1">
<option value="">-------Choose a Selection-------</option>
<option value="page1.html">Page 1</option>
<option value="page2.html">Page 2</option>
<option value="page3.html">Page 3</option>
<option value="page4.html">Page 4</option>
</select>
</form>

Change the bolded text to your own. The “page1-4.html” text refers to the web page addresses. The “Page 1-4” text specifies the text that will be displayed within the drop down box.

Place a drop down link menu box on any web page to help visitors easily navigate to related resources. You can also use it to jump to multiple locations on the same web page.

************************
Need a customized business website?
Visit: Customized Website Design Maryland

Comments

  1. You made some good points there. I did a Google search about the topic and found most people will believe your blog.

Speak Your Mind

*