show-notice
hide-notice

Wednesday, 7 August 2013

Dropdown Menu in Javascript


Introduction:

This menu uses HTML form elements and JavaScript to provide a quick, responsive jump menu.

Example:
<script language="javascript" type="text/javascript">
function jumpto(x){

if (document.form1.jumpmenu.value != "null") {
 document.location.href = x
 }
}
</script>
<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://gohilinfotech.blogspot.in/">Quackit Homepage</option>
<option value="http://gohilinfotech.blogspot.in/search/label/JavaScript">JavaScript</option>
<option value="http://gohilinfotech.blogspot.in/search/label/HTML">HTML</option>
<option value="http://gohilinfotech.blogspot.in/search/label/CSS">CSS</option>
</select>
</form>

SHARE THIS POST   

0 comments :

Post a Comment

Design by Gohilinfotech | www.gohilinfotech.blogspot.com