Alternar un div oculto cuando se selecciona / deselecciona una opción desplegable en particular

Hola a todos, tenía una pregunta rápida que debería ser fácil para alguien con experiencia en Jquery y Javascript.

Me gustaría tener un div oculto que esté debajo de un campo desplegable en mi formulario. Cuando se selecciona una opción en particular, se muestra el div oculto. También me gustaría que desapareciera cuando se selecciona cualquier otra opción. Estoy usando esto como una advertencia para el usuario, ya que esa opción ejecutará algunas funciones específicas relacionadas con la base de datos.

¿Alguien puede darme algunas pistas sobre cómo empezar con esto?

Gracias.

preguntado el 10 de mayo de 11 a las 13:05

1 Respuestas

Aquí tienes. (demostración en línea http://jsfiddle.net/wwTxw/ )

HTML:

<select id="select">
    <option value="1">111</option>
    <option value="2">222</option>
    <option value="3">333</option>
</select>

<div id="warning" style="display:none">NO!!!</div>

Código jQuery;

$(function() {
    $('#select').change(function(){
        if ($(this).val() == "2") {
            $('#warning').show();
        } else {
            $('#warning').hide();
        }
    });
});

contestado el 10 de mayo de 11 a las 17:05

¿Qué $(function() {}); ¿hacer? - Alberto Zaccagni

No es la respuesta que estás buscando? Examinar otras preguntas etiquetadas or haz tu propia pregunta.