Pages

Web hosting

Monday, 15 April 2013

Drop down menu with page redirection

<html>
  <head>

<script language="javascript" type="text/javascript" >
    function jumpto(x)
    {
    if (document.form1.jumpmenu.value != "null")
    {
    document.location.href = x
    }
    }
</script>
  </head>

  <body>

<p>Drop down Menu:</p>
<form name="form1">
<select name="jumpmenu" onChange="jumpto(document.form1.jumpmenu.options[document.form1.jumpmenu.options.selectedIndex].value)">
  <option>Jump to...</option>
  <option value=http://yogeshtourism.blogspot.in/>Gujarat Tourism</option>
  <option value=http://yognet.blogspot.in/>JavaScript</option>
  <option value=http://www.w3schools.com/>HTML</option>
  <option value=http://www.quackit.com/css/>CSS</option>
  <option value=http://www.quackit.com/sql/tutorial/>SQL</option>
  <option value=http://www.quackit.com/database/tutorial/>Database Tutorial</option>
  <option value=http://www.quackit.com/web_hosting/>Web Hosting Tutorial</option>
</select>
</form> 
 
  </body>
</html>
-->
Jump Menu: