JavaScript Drop Down Menu Link Example

Create JavaScript Drop Down Menu Navigation jump menu (drop down menu) to redirect requested URL link page.

Example

<html>
<head>
  <title>Drop Down menu with link</title>
</head>
<body>
  <script language="javascript" type="text/javascript">
  function jump_to(x) {

    if (document.form_one.jump_menu.value != "null") {
      document.location.href = x
    }
  }
  </script>
  <form name="form_one">
    <select name="jump_menu" onChange="jump_to(document.form_one.jump_menu.options[document.form_one.jump_menu.options.selectedIndex].value)">
      <option>Jump To...</option>
      <option value="http://www.way2tutorial.com">Homepage</option>
      <option value="http://www.way2tutorial.com/html/tutorial.php">HTML</option>
      <option value="http://www.way2tutorial.com/css/tutorial.php">CSS</option>
      <option value="http://www.way2tutorial.com/javascript/tutorial.php">JavaScript</option>
      <option value="http://www.way2tutorial.com/xml/xml_dtd_xslt_xpath_tutorials.php">XML</option>
    </select>
  </form>
</body>
</html>

Run it...   »

Example Result