« »

You can use this JavaScript code to create a drop-down navigation menu for links to other sites. Everytime visitors click for selecting, their browser will direct visitors to specific addresses in dropdown. A very tiny JavaScript effect but too efficient to the sites contain many things, need to save page-spaces.

Label: select option, navigation, drop down, browser, direct, space

Report to us error of this JavaScript

Demo
Enlarge
Reload
New window

Code
JavaScript
HTML
Print

Copy All x2

<script type="text/javascript">
<!--
// Created by: Stephen Griffin :: http://www.i-code.co.uk

function changeLocation(menuObj) {
  var i = menuObj.selectedIndex;
  if(i > 0) {
    alert("This is only a demo.n You would have been taken to n"+menuObj.options[i].value);
  }
}
//-->
</script>

Copy All x2

<select onchange="javascript:changeLocation(this)">
   <option selected="selected">Visit a search engine</option>
   <option value="http://google.com">Google</option>
   <option value="http://altavista.com">Altavista</option>
   <option value="http://ask.co.uk">Ask Jeeves</option>
</select>