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>

Citado APA: Del Moral, M. & Rodriguez, J. (s.f.). Ejemplo de Menu Con Caja.Ejemplo de. Recuperado el 1 de Febrero de 2023 de https://www.ejemplode.com/24-javascript/104-ejemplo_de_menu_con_caja.html

Autor: Del Moral, Mauricio. & Rodriguez, Jennyfer.

Deja un comentario


Acepto la política de privacidad.