Ver Mensaje Individual
  #1 (permalink)  
Antiguo 07/07/2009, 05:55
oskar_calvo
 
Fecha de Ingreso: agosto-2006
Mensajes: 219
Antigüedad: 18 años, 4 meses
Puntos: 0
query, como mostrar un div en función del option marcado

buenas, estoy intentando hacer lo siguiente, seguro que es muy sencillo, pero cuando eres un novato las cosas cuestan mucho más.
tengo un select, y quiero que cuando se marque la opción 5 muestre un div con un textfield dentro.

Código HTML:
<select name="submitted[cuestionario][estime_las_molestias_por_los_trabajos_realizados]" class="form-select required" id="edit-submitted-cuestionario-estime-las-molestias-por-los-trabajos-realizados" >
<option value="" selected="selected">seleccione...</option>
<option value="Precio">Precio</option>
<option value="Calidad">Calidad</option>
<option value="Prestigio">Prestigio</option>
<option value="Experiencia previa">Experiencia previa</option>
<option value="Otras">Otras</option>
</select> 

Lo que estoy intentando con jquery:
Código:
$(document).ready(function(){       
            $('div #webform-component-otras').hide();
             // Cogemos cada radio button de Jugador 1 y le añadimos un listener de cambio (evento cuadno cambia el valor)
             $('select #edit-submitted-cuestionario-estime-las-molestias-por-los-trabajos-realizados > options').change(function() {
                // Obtenemos el value del radio que se ha modificado.
                var value=$(this).attr('value');
   
                // Lo traducimos al valor para el Jugador 2
                if (value== 'Otras') {
                   $('div #webform-component-otras').show("slow");
                }            
                else if (value !='Otras') {
                   $('div #webform-component-otras').hide();
                }
            });
    });

Pero no consigo nada,

alguien me puede ayudar, por favor.

Gracias

Oskar