
Mostrar 1 sección según datos formulario de usuario
Publicado por Pablo (1 intervención) el 31/05/2018 21:06:42
Hola a todos, soy novato y apenas tengo experiencia con JavaScript y jQuery. AGRADECERÍA AYUDA para poder tener un código inicial con el que empezar a hacer pruebas. Explico mi problema:
Tengo en la página web en wordpress con una serie de secciones que inicialmente se encuentran ocultas al usuario. Pretendo crear un código jQuery para que sólo sea mostrada una de las secciones ocultas (que contienen las fechas de los seminarios) atendiendo a la selección que realice el usuario en un formulario.
Mi formulario tiene 4 campos de lista desplegable y un botón para realizar búsquedas:
Campo #tipo (Valores: “Curso”, “Taller”)
Campo #curso (Sólo se muestra si campo TIPO = “Curso”; valores: “curso 1”, “curso 2”)
Campo #taller (Sólo se muestra si campo TIPO = “Taller”; valores: “taller 1”, “taller 2”)
Campo #centro (Valores: “centro 1”, “centro 2”…)
Botón #boton_busca
Las secciones (con id y clase) inicialmente ocultas al usuario son:
Sección #curso1_centro1 .calendario
Sección #curso1_centro2 .calendario
Sección #curso2_centro1 .calendario
Sección #curso2_centro2 .calendario
Sección #taller1_centro1 .calendario
Sección #taller1_centro2 .calendario
Sección #taller2_centro1 .calendario
Sección #taller2_centro2 .calendario
Tengo en la página web en wordpress con una serie de secciones que inicialmente se encuentran ocultas al usuario. Pretendo crear un código jQuery para que sólo sea mostrada una de las secciones ocultas (que contienen las fechas de los seminarios) atendiendo a la selección que realice el usuario en un formulario.
Mi formulario tiene 4 campos de lista desplegable y un botón para realizar búsquedas:
Campo #tipo (Valores: “Curso”, “Taller”)
Campo #curso (Sólo se muestra si campo TIPO = “Curso”; valores: “curso 1”, “curso 2”)
Campo #taller (Sólo se muestra si campo TIPO = “Taller”; valores: “taller 1”, “taller 2”)
Campo #centro (Valores: “centro 1”, “centro 2”…)
Botón #boton_busca
Las secciones (con id y clase) inicialmente ocultas al usuario son:
Sección #curso1_centro1 .calendario
Sección #curso1_centro2 .calendario
Sección #curso2_centro1 .calendario
Sección #curso2_centro2 .calendario
Sección #taller1_centro1 .calendario
Sección #taller1_centro2 .calendario
Sección #taller2_centro1 .calendario
Sección #taller2_centro2 .calendario
Valora esta pregunta


0