0

Tenho um select com duas opções: 0 e 1, quando eu seleciono a opção 0, preciso que exiba um campo e quando selecionar 1, o campo deve ser ocultado.

Como posso obter esse resultado?

1

2 Respostas 2

1

Fiz usando o Jquery. Se você não puder usar o Jquery, implemente o método .show() e .hide() alternando a propriedade display entre os valores none e ''.

$('select').on('change', function() {
  if (this.value == 1)
    $('#campo-data').show();
  else
    $('#campo-data').hide();  
});
#campo-data {
  display: none;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select>
    <option value="0">Esconde campo data</option>
    <option value="1">Mostra campo data</option>
</select>

<input id="campo-data" type="date" />

0

Levando em consideração que:

Valor 0 = Mostrar input

Valor 1 = Ocultar input

Fiz o seguinte exemplo usando VanillaJS:

function hideShowInput(val) {
    let input = document.getElementById('date');  
    
    if(val == 0) input.style.display = "block";    
    else input.style.display = "none";
}
#date {
  display: none;
}
<select onchange="hideShowInput(this.value)">
    <option selected>Selecione uma opção * </option>
    <option value="0">0 - Exibir</option>
    <option value="1">1 - Ocultar</option>
</select> <br><br>


<input id="date" type="date" />

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .