Ver Mensaje Individual
  #4 (permalink)  
Antiguo 28/02/2013, 09:01
axtm
 
Fecha de Ingreso: febrero-2011
Mensajes: 15
Antigüedad: 13 años, 2 meses
Puntos: 0
Respuesta: Mostrar/ocultar capas con un select

hola creo que tue error esta cuando llamas al jquery:
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
deberia ser:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
porque hice la prueba y me ha funcionado, te envio todo el codigo para que lo pruebes y me avises.

Código:
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Untitled Document</title>
<script src="http://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>
</head>

<body>
<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>
    <div id="apDiv0" style="display:none">div0</div>
    <div id="apDiv1" style="display:none">div1</div>
    <div id="apDiv2" style="display:none">div2</div>
    <div id="apDiv3" style="display:none">div3</div>
</body>
</html>