Javascript

Ejercicio JavaScript: Menú dinámico de marcas

JavascriptUna vez más aquí, esta noche voy a dejar colgado un pequeño ejercicio muy útil (a mi modo de ver), para realizar con JavaScript. En casi todas las páginas web con formularios, este tipo de menú dinámico doble creo que son indispensables. El ejercicio lo voy a dividir en dos archivos, uno será menu.html y otro será menu.js, dónde cargaremos los arrays necesarios para llevar a cabo este ejercicio.

El enunciado del ejercicio para hacerse una idea será el siguiente:

Diseñar una página web que muestre un formulario que permita introducir al usuario su marca y modelo de coche preferida (dentro de un número de opciones definidas por nosotros). El segundo menú (el del modelo) se construirá dinamicamente monstrando distintas opciones dependiendo de la marca seleccionada en el primer menú.

Para que nadie se pierda, aquí van algunas marcas y modelos que utilizaré en el ejercicio de este menú dinámico:

  • Citroen: C2,C3,C4,C5
  • Peugeot: 107, 208, 308, 408
  • Renault: Twingo, Clio, Megane, Laguna
  • Seat: Panda, Ibiza, Altea, Toledo

Y bueno, con esto creo que queda claro de lo que va este ejercicio. Ahora, para no pedir las buenas costumbre, en este enlace se puede ver el resultado final del ejercicio. Para terminar, aquí va el código de ambos archivos.

El código del menú dinámico realizado con JavaScript:

menu.htm

marcas.js

Deja un comentario