Ejemplo de Menu Con Caja

Inicio » JavaScript » Menu con caja

Si alguna vez te has preguntado cómo se hacen los menues con cajas de selección, el día de hoy se responderá tu pregunta.

Cuando se nos pide seleccionar algún idioma o navegar en las opciones de la caja de opciones o combobox de un sitio, se está utilizando un muy sencillo script que permite navegar.

Sin más preámbulos aquí dejo el código, sólo copialo y guardalo como HTML.

Ejemplo de menu con caja de selección en JavaScript:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="
https://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script type="text/javascript">
<!--
function MM_jumpMenu(targ,selObj,restore){ //v3.0
  eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
  if (restore) selObj.selectedIndex=0;
}
//-->
</script>
</head>

<body>
<form name="form" id="form">
  <select name="jumpMenu" id="jumpMenu" onchange="MM_jumpMenu('parent',this,0)">
    <option value="menu.html">Menu1</option>
    <option value="menu2.html">Menu2</option>
    <option value="menu3.html">Menu3</option>
  </select>
</form>
</body>
</html>

¿Cómo citar? Del Moral, M. (s.f.). Ejemplo de Menu Con Caja.Ejemplo de. Recuperado el 26 de Septiembre de 2023 de https://www.ejemplode.com/24-javascript/104-ejemplo_de_menu_con_caja.html

Escrito por:
Mauricio del Moral Durán
Mauricio del Moral, fundador y creador de Ejemplo de, es un experto en enseñanza y un apasionado del ámbito educativo desde el año 2007. Ha dedicado una considerable parte de su vida profesional al estudio y al desarrollo de contenidos educativos en formatos digitales de alta calidad. Poseedor de una Licenciatura en Ciencias de la Comunicación, Mauricio es egresado de la prestigiosa Universidad Intercontinental.
Última modificación: 2008-05-16

Deja un comentario


Acepto la política de privacidad.