Menú dinámico. Muestra ciertos valores si has seleccionado cierto valor.

DiegoHeras · 22 Jul 2017

Buenos días,

Quisiera saber cual es la mejor forma de poder hacer este menú dinámico.

Muchas gracias.

housedir · 22 Jul 2017

Necesitas hacer una consulta SQL que se ejecute con el click en una de las opciones, y que el resultado llene el siguiente combobox.

Creo que con base de datos es lo mejor, creo que tendrias que usar ajax y llamar a un php que te vuelque los datos, soy programador de escritorio, pero en ese caso lo haria asi, mejor preguntarle a [MENTION=9679]cicklow[/MENTION] que haria en ese caso...

Cicklow · 22 Jul 2017

housedir dijo:
Necesitas hacer una consulta SQL que se ejecute con el click en una de las opciones, y que el resultado llene el siguiente combobox.

Creo que con base de datos es lo mejor, creo que tendrias que usar ajax y llamar a un php que te vuelque los datos, soy programador de escritorio, pero en ese caso lo haria asi, mejor preguntarle a [MENTION=9679]cicklow[/MENTION] que haria en ese caso...

lo mismo.. .con ajax y php... sino solo js, pero tendrias que editar el sitio web en cada ocasión que necesites agregar algun campo nuevo

DiegoHeras · 23 Jul 2017

housedir dijo:
Necesitas hacer una consulta SQL que se ejecute con el click en una de las opciones, y que el resultado llene el siguiente combobox.

Creo que con base de datos es lo mejor, creo que tendrias que usar ajax y llamar a un php que te vuelque los datos, soy programador de escritorio, pero en ese caso lo haria asi, mejor preguntarle a [MENTION=9679]cicklow[/MENTION] que haria en ese caso...

cicklow dijo:
lo mismo.. .con ajax y php... sino solo js, pero tendrias que editar el sitio web en cada ocasión que necesites agregar algun campo nuevo

Yo creo que es lo contrario y explico porque. El menu es información básica que en una consulta a SQL podrías conseguirla. Si estas haciendo consultas con AJAX cada vez que se quiera cargar un submenu, estas impactando varias veces a la base de datos.

Creo que como mejor práctica sería consultar una única vez a la base de datos, y mediante JS, ir mostrando dinámicamente el menu.

Mi tabla en bd es:

item_types
-id
-type1
-type2
-type3
-type4

De esta forma, tengo todas las combinaciones posibles (50 registros).

*Si podrían compartir alguna fuente o ejemplo para basarme en como hacer un menú de este tipo lo agradecería.

Muchas gracias por su ayuda.

Mario · 2017-08-04T23:46:32-0500

Puedes hacer esto sólo con JS.

¿Tienes acceso al html de los filtros? Yo agregaría un data attribute a cada valor, ejemplo:

HTML:

<option data-category="perfil">Cuadrado</option>

Por default ocultas todos los valores, y agregas un evento onChange al filtro de productos, si el valor (Perfil) hace match con el data-category del siguiente filtro, muestra los disponibles. Y así sucesivamente.

Una sola consulta, sin editar el sitio.

WebDesarrollar · 2017-08-18T09:08:51-0500

Cada vez que el valor del combo cambie haces la consulta a SQL y actualizas el siguiente combo y así sucesivamente.

Así por lo menos lo hago yo, pero en visual.

Menú dinámico. Muestra ciertos valores si has seleccionado cierto valor.

DiegoHeras

housedir

Cicklow

DiegoHeras

Mario

WebDesarrollar