Ver Mensaje Individual
  #3 (permalink)  
Antiguo 28/02/2013, 03:20
Safren
 
Fecha de Ingreso: septiembre-2012
Mensajes: 30
Antigüedad: 12 años, 1 mes
Puntos: 0
Respuesta: Mostrar/ocultar capas con un select

Hola axtm,

He probado lo que me comentabas pero sigue sin funcionar. Te pego el codigo que he puesto a ver si me puedes ayudar a ver el fallo.

En la cabecera entre <head> </head> he puesto:
Cita:
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script>
$().ready(function(){
$('#cambiar').change(function(e){
if($('#cambiar').val()==0){//muestro el div1 y oculto los demas
$('#apDiv0').show();
$('#apDiv1').hide();
$('#apDiv2').hide();
$('#apDiv3').hide();
}else if($('#cambiar').val()==1){//muestro el div2 y oculto los demas
$('#apDiv0').hide();
$('#apDiv1').show();
$('#apDiv2').hide();
$('#apDiv3').hide();
}else if($('#cambiar').val()==2){//muestro el div3 y oculto los demas
$('#apDiv0').hide();
$('#apDiv1').hide();
$('#apDiv2').show();
$('#apDiv3').hide();
}else if($('#cambiar').val()==3){//muestro el div3 y oculto los demas
$('#apDiv0').hide();
$('#apDiv1').hide();
$('#apDiv2').hide();
$('#apDiv3').show();
}
});
})
</script>
Dentro del <body>:
Cita:
<label for="cambiar">Tipo de contacto</label>
<select id="cambiar" name="cambiar">
<option value="0">Tienda</option>
<option value="1">Prensa/Blogger</option>
<option value="2">Marca</option>
<option value="3">Otro</option>
</select>