Drop Down Redirect Box

 

Drop Down Redirect Box

A drop down redirect box will enable your visitors to click on a drop down box to select the location on your website or another website in which they would like to navigate. Once they make their selection, they will automatically be taken to the location.





 
Place this code where you would like the box to appear:

<script language="JavaScript">
<!– Script courtesy of http://www.web-source.net – Your Guide to Professional Website Design and Development
function goto(form) { var index=form.select.selectedIndex
if (form.select.options[index].value != "0") {
location=form.select.options[index].value;}}
//–>
</script>
<form name="form1">
<select name="select" onchange="goto(this.form)" size="1">
<option value="">——-Choose a Selection——-
<option value="http://www.google.com">Google
<option value="http://www.yahoo.com">Yahoo
<option value="http://www.bing.com">Bing
</select>
</form>

Edit the text indicated in bold to suit your needs.

This concludes the Drop Down Redirect Box code.

 
 

 
 
Visit the following pages for a wealth of copy and paste codes and tips:

HTML Tips
Copy and paste special effect HTML codes for your web page.

HTML Codes
An HTML codes chart you can use to copy and paste codes into your web page.

HTML Color Codes
An HTML color codes chart you can use to copy and paste color codes into your web page.

JavaScript Codes
Copy and paste special effect JavaScript codes for your web page.

Web Design Tips
Tips, tricks, and special effect codes for your web page.

HTML Tags
A list of HTML tags.

HTML 5 Tags
A list of the latest HTML tags to be developed.

ASCII Codes
Special text characters and code for your web page.