Foros del Web » Programando para Internet » Javascript » Frameworks JS »

mostrar ocultar divs con select

Estas en el tema de mostrar ocultar divs con select en el foro de Frameworks JS en Foros del Web. Hola compañeros del foro... tendo dos divs (uno con #adl y el otro con #pax) y un select (con # cambiar) quiero que segun la ...
  #1 (permalink)  
Antiguo 23/05/2012, 16:44
 
Fecha de Ingreso: abril-2011
Mensajes: 67
Antigüedad: 13 años, 7 meses
Puntos: 6
Pregunta mostrar ocultar divs con select

Hola compañeros del foro...

tendo dos divs (uno con #adl y el otro con #pax) y un select (con # cambiar)
quiero que segun la opcion que se seleccione me muestra uno o otro div.

me falta algun trozo de este código que nose cual deberia se...

Código:
<select name="cambiar" id="cambiar" required>
      <option value="1"> opcion 1</option>
      <option value="2"> opcion 2</option>
      <option value="3"> opcion 3</option>
      <option value="4"> opcion 4</option>
</select>
<div id="adl">
   Contenido del Div #adl.... (display en CSS es BLOCK)
</div>
<div id="pax">
   Contenido del Div #pax.... (display en CSS es NONE)
</div>
el código JQuery que empleo para ocultar uno y mostrar otro es:
Código:
$('#cambiar').change(function(){
    var valorCambiado =$(this).val();
    if((valorCambiado == '3')||(valorCambiado == '4')){
       $('#adl').css('display','none');
       $('#pax').css('display','block');
     }
});
ahora si selecciono la opcion 3 o 4 se cambia perfectamente, pero si vuelvo a seleccionar la opcion 1 o 2 no hace nada (ese es el trozo del código que me falta)
alguien tiene alguna idea de como puedo resolverlo??

Gracias de antemano
Hakim
  #2 (permalink)  
Antiguo 23/05/2012, 21:57
Avatar de claudiovega  
Fecha de Ingreso: octubre-2003
Ubicación: Puerto Montt
Mensajes: 3.667
Antigüedad: 21 años
Puntos: 11
Respuesta: mostrar ocultar divs con select

No hace nada por que no le dices que haga algo, solo debes programar que pasa cuando elige otro valor.

Código:
$('#cambiar').change(function(){
    var valorCambiado =$(this).val();
    if((valorCambiado == '3')||(valorCambiado == '4')){
       $('#adl').css('display','none');
       $('#pax').css('display','block');
     }
     else if(valorCambiado == '2')
     {
         //otra accion
     }
});
__________________
Dedicado a proyectos web, actualmente desarrollando un sistema de diseño de flyers online muy fácil de usar.
  #3 (permalink)  
Antiguo 24/05/2012, 05:06
 
Fecha de Ingreso: abril-2011
Mensajes: 67
Antigüedad: 13 años, 7 meses
Puntos: 6
Respuesta: mostrar ocultar divs con select

muchas gracias claudiovega, ese era el código que me faltaba, me habia despistado con el else....

Etiquetas: divs, jquery, select
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 15:24.