Select control Jump Menu : select : Form Style HTML CSS TUTORIALS

HTML CSS TUTORIALS » Form Style » select »

Select control Jump Menu


 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>unstyled form</title>
<script type="text/JavaScript">
<!--
function myF(targ,selObj,restore){
  eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
  if (restore) selObj.selectedIndex=0;
}
//-->
</script>
</head>

<body>
<form id="form1">
  <select name="menu1" onchange="myF('parent',this,0)">
    <option>Return to home page</option>
    <option>Contact</option>
    <option>unnamed1</option>
  </select>
</form>
</body>
</html>