0

Quero que um input inicie desabilitado e quando a pessoa selecionar por exemplo uma determinada opção do select o input fique habilitado.

4
  • Tem como descrever o que já tentou fazer?
    – Woss
    Commented 22/01/2018 às 12:46
  • To buscando ajuda.. não sei muito javascript Commented 22/01/2018 às 12:51
  • Então comece lendo sobre o método addEventListener e o evento change do seu campo select.
    – Woss
    Commented 22/01/2018 às 12:52
  • Coloque o que vc já tem de código html/css/js que já ajuda a te responder.
    – hugocsl
    Commented 22/01/2018 às 12:59

2 Respostas 2

3

Bem você pode tomar como base esse exemplo:

function verifica(value){
	var input = document.getElementById("input");

  if(value == 2){
    input.disabled = false;
  }else if(value == 3){
    input.disabled = true;
  }
};
<!DOCTYPE html>
    <html>
    <head>
    <title>Page Title</title>
    </head>
    <body>
    <input type="text" name="input" id="input" disabled>
    <br><br>
    <select id="options" onchange="verifica(this.value)">
    <option value="1" selected>1 - Não interfere</option>
    <option value="2">2 - Habilita</option>
    <option value="3">3 - Desabilita</option>
    </select>
    </body>
    </html>

1

Selecionando option = Voley o input será habilitado.

Utilize getElementById para identificar cada elemento dentro do formulário.

Para recuperar o valor do option selecionado

document.getElementById("jogos").value; 

De posse desse valor habilite ou desabilite o input.

 function validarForm() { 
       var optionSelect = document.getElementById("jogos").value;

       if(optionSelect =="3" ){ 
           document.getElementById("btn").disabled = false;
       }else{
           document.getElementById("btn").disabled = true;
       }
}
    <form method="post" action="https://pt.stackoverflow.com/"> 
    <select name="jogos" id="jogos" onchange="validarForm()">
    <option value=''>Selecione o esporte</option>
    <option value='1'>Futebol</option>
    <option value='2'>Tenis</option>
    <option value='3'>Voley</option>
    </select>
    <input type="text" id="btn" disabled>
    </form> 

Você deve fazer log-in para responder a esta pergunta.

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