[jquery] Como mostrar u ocultar capa desde un select

[Nachoseo]

Hola a tod@s,

Soy nuevo en esto del Jquery y necesito un poco de luz para un efecto que yo creo sencillo pero llevo pegándome con él toda la tarde.

Resulta que tengo un formulario donde al usuario se le da a elegir si quiere factura o no quiere factura dentro de un campo select lo que quiero es que si el usuario selecciona que quiere factura se muestre una capa donde aparecen los campo de datos personales y si vuelve a seleccionar que no quiere factura pues la oculte.

Un saludo y gracias.

[Rosencrantz]

yo haria algo asi.

Código PHP:

  $('#selectFactura').change(function(){
 //Almaceno el valor seleccionado en una variable
 var valorSeleccionado = $(this).val();
 //1: quiere factura, otro: no quiere factura
 if(valorSeleccionado == 1)
     $('#divDatos').load('datos.php').slideDown();  //o fadeIn()
 else
   $('#divDatos').slideUp(); // o fadeOut
   
return false;
}); 
   

espero te sirva,saludos

[mayid]

Bueno, habría que explicarle también un par de cosas. En el script que propone Rosencrantz, $('#selectFactura') se refiere al "id" de un checkbox. Cada vez que se lo tilde o destilde (onchange) va a dispararse una función.

Mas adelante hay un metodo llamado "load". Ese sirve para cargar datos con ajax. Los datos de usuario en este caso, que no sabemos si ya estan o no están cargados.

Pero cual es tu planteo, Nachoseo?

[Nachoseo]

Hola a tod@s y gracias por la ayuda.

He intentado crear mi código a partir del que me habéis mostrado pero no me funciona. He hecho lo siguiente.

Por un lado tengo un select con 4 opciones

Por otra parte tengo una capa con style="display:none" y que quiero que se muestre cuando el valor del select seleccionado sea 3 o 4

El jquery lo he planteado de la siguiente manera:

$('#formaenvio').change(function(){

var valorSeleccionado = $(this).val();

if((valorSeleccionado == 3)||(valorSeleccionado == 4))
$("#divdirenvio").css("display", "block");
else
$("#divdirenvio").css("display", "none");

return false;
});

¿Que estoy haciendo mal?

[mayid]

No se. Estas usando document-ready? Eso es importante. Compendes de que se trata?

Igual, probemos esto solo:

$('#formaenvio').change(function(){

valorSeleccionado = $(this).val();

alert (valorSeleccionado);

})