Quantcast
Viewing all articles
Browse latest Browse all 14190

Habilitar/Desabilitar campos via Combobox (Select)

Queria saber como faço pra habilitar/desabilitar um campo de texto dependendo da minha seleção do combobox. 

OBS: Eu fiz com um radiobutton e funciona de boa no "onClick". O código dele tá ai:

 

<input type="radio" name="q1" value="Não" onclick="if(document.getElementById('qual').disabled==false && document.getElementById('tempo').disabled==false){
          document.getElementById('qual').disabled=true
          document.getElementById('tempo').disabled=true
          }" />
            Não</td>
        </tr>
        <tr>
          <td><input type="radio" name="q1" value="Sim" onclick="if(document.getElementById('qual').disabled==true && document.getElementById('tempo').disabled==true){
          document.getElementById('qual').disabled=false
          document.getElementById('tempo').disabled=false
          }" />
            Sim
 
A questão é que quando eu vou pro combobox, não sei consigo colocar pra o "onChange" funcionar direito:
 
<select  name="tipo_consulta" required="true">
 
        <option onchange="if(document.getElementById('valor').disabled==false && document.getElementById('desconto').disabled==false){
          document.getElementById('valor').disabled=true
          document.getElementById('desconto').disabled=true
          }">Consulta</option>
 
        <option onchange="if(document.getElementById('valor').disabled==true && document.getElementById('desconto').disabled==true){
          document.getElementById('valor').disabled=false
          document.getElementById('desconto').disabled=false
          }">Retorno</option>
      </select>
 
 
 
"valor" e "descontos" são os campos que eu quero que habilite/desabilite
 
Dessa forma que tá aí, ele não altera o estado dos campos. 
Se eu colocar assim:
 
<select onchange="if(document.getElementById('valor').disabled==false && document.getElementById('desconto').disabled==false){
          document.getElementById('valor').disabled=true
          document.getElementById('desconto').disabled=true
          }" name="tipo_consulta" required="true">
       
 
<option >Consulta</option>
 
 
        <option onchange="if(document.getElementById('valor').disabled==true && document.getElementById('desconto').disabled==true){
          document.getElementById('valor').disabled=false
          document.getElementById('desconto').disabled=false
          }">Retorno</option>
      </select>
 
Ele desabilita, mas não habilita de novo quando mudo a opção.
 

Viewing all articles
Browse latest Browse all 14190

Trending Articles