[SOLUCIONADO] Select Option

[facurouss]

Buenas tardes, tengo un select con dos opciones

Código HTML:

<select id="ejemplo" name="ejemplo">
  <option value="Si">Si</option>
  <option value="No">No</option>
</select> 

Despues tengo un input con display none.
Lo que necesito saber como hago para que cuando selecciono el option SI el input pase a display block y si pongo que no vuelva a estar con display none

Alguna ayuda? intente de distintas maneras pero no puedo hacer que funcione

Gracias

[MaNuX0218]

Código Javascript:

$("#ejemplo").change(function(){
   if($(this).val() === "Si"){
      $("input").css("display", "block");
   }else if($(this).val() === "No"){
      $("input").css("display", "none");
   }else{
      // Aqui puedes hacer lo que quieras en el caso de que no se seleccione Si o No
   }
});
 

Saludos ;)

[petit89]

Código Javascript:

$(document).ready(function(){
    $("#OBJETO_INDEPENDIENTE").on("EVENTO",function(){
        $("#DEPENDIENTE").css("PROPIEDAD", "VALOR_PROPIEDAD");
    });
});
 

Donde modificas segun tu gusto y necesidad lo que esta en MAYUSCULA

EDIT:
me falto el condicional de arriba para comprobar su valor actual... bueno, espero que te sirvan

[facurouss]

Gracias por la ayuda pero no me funciono ninguno de los dos códigos que me pasaron :/

[MaNuX0218]

Tanto el que yo te pasé y el de petit89 deberian funcionarte perfectamente.

Muestranos el código para ver si algo estas haciendo mal.

Saludos.

[facurouss]

Tengo lo siguiente
EL HTML

Código HTML:

<select id="seguro-medico" class="form-control" name="seguro-medico">
<option value="">SEGURO MEDICO</option>
 <option value="Si">Si</option>
 <option value="No">No</option>
</select>

<input type="text" id="nombre-seguro" name="nombre-seguro-medico" placeholder="NOMBRE SEGURO MEDICO" /> 

EL CSS

Código HTML:

#nombre-seguro {display: none;}

EL JS

Código HTML:

$("#seguro-medico").change(function(){
  if($(this).val() === "Si"){
    $("#nombre-seguro").css("display", "block"); 
  }else if($(this).val() === "No"){
  $("#nombre-seguro").css("display", "none");
  }
});

Esto es la parte para trabajar el select, después tengo mas código con varias validaciones que funcionan a la perfección

[MaNuX0218]

Aquí te dejo un ejemplo para que veas que funciona perfectamente.

Por cierto comprueba que añadiste la librería jQuery ya que sin eso no te funcionará, igualmente la he añadido en la demostración:

https://jsfiddle.net/an3sx5ua/

Saludos.

[facurouss]

Funciona muy bien, estaba usando el código dentro de otra función y así no iba a funcionar nunca, lo puse solo y funciono

Muchas gracias!