Habilitar campo input

[Biel. 9]

Boa noite a todos. Direto ao ponto. Pessoal gostaria que ao selecionar o item php css ou html o campo input ficasse habilitado e quando o item vazio <option value=""></option> fosse selecionado
o campo input ficasse desabilitado/disable novamente.

 

<select name="VoceSelecionou" id="id_select" onChange="func_habilita_e_desabilita" required > 
  <option value=""></option>
  <option value="php">php</option>
  <option value="css">css</option>
  <option value="html">html</option>
</select>

<input type="text" id="id_input">

<script>

  document.getElementById("id_input").disabled = true;
  
function func_habilita_e_desabilita(){
	if (document.getElementById("id_select").value === "php"){
		document.getElementById("id_input").disable=false;
			 }
			  
}

</script>

 

[Don Benatti 28]

Faça algumas mudanças ai:

 

1. No atributo onchange passa "this" como parâmetro

onchange="func_habilita_e_desabilita(this)"

2. Na função "func_habilita_e_desabilita" não é disable muda para disabled e ainda precisa de uma "else" para desabilitar, veja no exemplo abaixo:

function func_habilita_e_desabilita(select) {
    var input = document.getElementById("id_input"),
    value = select.value;

    if (value === "php") {
        input.disabled = false;
    }
    else if (!input.disabled) {
        input.disabled = true;
    }
}

 

[Biel. 9]

Don Benatti , funcionou muito bem. Valeu!