Foros del Web - Ver Mensaje Individual

Naahuel · #2 (**permalink**) 26/05/2012, 23:18

Eso se logra con JavaScript. Tal vez exista una solución con CSS3 puro, pero sería muy compleja y poco compatible con la mayoría de los navegadores.

Te dejo un ejemplo usando la librería jQuery, sólo por el hecho de ser más directa y fácil de hacer. Podés lograr lo mismo con JavaScript puro.

El demo que hice usa el atributo "value" de los option para determinar la respuesta.

Demo: http://jsbin.com/onewus

Código:

Código HTML:

Ver original<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript">
    $(function(){
        $('#preguntas').change(function(){
            // acá realizo lo que quiero hacer cuando el select
            // con id "preguntas" cambie.
            
            var valor = $(this).val();      //Obtengo el valor seleccionado
            $('#resultado').text(valor)     //Aplico ese valor al elemento con id "resultado"
        });
    });
</script>
<title>Select de prueba</title>
</head>
<body>
    <select id="preguntas">
        <option>Seleccione una pregunta:</option>
        <option value="Nahuel">&iquest;Cu&aacute;l es tu nombre?</option>
        <option value="24">&iquest;Cu&aacute;ntos a&ntilde;os ten&eacute;s?</option>
    </select>
    <p id="resultado"></p>
</body>
</html>