Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

marcossantana10

Habilitar/Desabilitar campos via Combobox (Select)

Por , em Javascript

Recommended Posts

marcossantana10    0

marcossantana10
Postado

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.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Sergio Tomas    16

Sergio Tomas
Postado

Bom dia marcos, crie uma função para fazer isso amigo. veja um exemplo:

<body>
    <form>
        <select id="meuselect">
           <option value="0">Selecione</option>
           <option value="1">Opção 1</option>
           <option value="2">Opção 2</option>
        </select>
    </form>
</body>

<script>
    window.onload = function(){
            var selectBox = document.getElementById("meuselect");

            //abaixo crio um evento com javascript para quando haver mudança
            selectBox.addEventListener("change", function(){
                //sua função aqui...
            });
    }
</script>

Conforme script acima, eu criei um ID no meu select para pegar o elemento que eu quero manipular no javascript, e com base nesse elemento criar um evento "change", que é a mesma coisa que o onChange. não se usa evento no option apenas no select caso seja necessário, tenta essa solução

Compartilhar este post

Link para o post
Compartilhar em outros sites

marcossantana10    0

marcossantana10
Postado

Bom dia marcos, crie uma função para fazer isso amigo. veja um exemplo:

<body>
    <form>
        <select id="meuselect">
           <option value="0">Selecione</option>
           <option value="1">Opção 1</option>
           <option value="2">Opção 2</option>
        </select>
    </form>
</body>

<script>
    window.onload = function(){
            var selectBox = document.getElementById("meuselect");

            //abaixo crio um evento com javascript para quando haver mudança
            selectBox.addEventListener("change", function(){
                //sua função aqui...
            });
    }
</script>

Conforme script acima, eu criei um ID no meu select para pegar o elemento que eu quero manipular no javascript, e com base nesse elemento criar um evento "change", que é a mesma coisa que o onChange. não se usa evento no option apenas no select caso seja necessário, tenta essa solução

 

Eu criei a função com os códigos que postei ai em cima. A solução tava na função pois ela consegue manipular os options pelo select. Obrigado amigo.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Sergio Tomas    16

Sergio Tomas
Postado

Olá Marcos, se a função que eu coloquei resolveu seu problema, nada mais justo do que marcar a minha resposta como solução.

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript

  • Conteúdo Similar

    • FabianoSouza
      Reutilizar contagem em SELECT
      Por FabianoSouza
      Eu preciso exibir duas informações em minha consulta:
      1) A quantidade de pessoas inscritas numa turma de treinamento (isso é feito com um simples COUNT)
      2) Uma flag de excesso de inscrições na turma. Seria obtido pela comparação entre a quantidade máxima permitida (já existe esse campo) e o COUNT feito acima.
       
      Até aqui sem problemas.
       
      O que quero é evitar fazer duas contagens (1 para saber a quantidade de inscritos, e outra para gerar a flag de excesso de inscrições).
       
      Há uma forma de utilizar UMA contagem para atender as duas necessidades?
       
      Meu código está assim:
       
      ... --AQUI FAZ A COMPARAÇÃO PARA GERAR A FLAG DE EXCESSO DE INSCRIÇÕES , CASE WHEN (SELECT COUNT(*) FROM dbo.tab AS ITT WHERE ITT.codTurmaDeTreina = T.id) > T.lotacaoMax Then T.nome + '&nbsp;'+'<span class=%22icon-aviso fcolor-critico%22 style=%22font-size:18px%22 title=Excesso&nbsp;de&nbsp;inscrições></span>' --AQUI FAZ A CONTAGEM DE INSCRIÇÕES , (SELECT COUNT(*) FROM dbo.tab AS ITT WHERE ITT.codTurmaDeTreina = T.id) AS 'Inscrições'  
    • FabianoSouza
      Agrupar e classificar select por data
      Por FabianoSouza
      Possuo uma coluna de data.
      Eu gostaria que os registros com datas futuras aparecessem no topo do meu select, em relação aos demais registros.
      Em seguida, gostaria que somente esses registros com datas futuras ficassem em ordem crescente.
      Algo como 
       
      João  | 16/11/2023
      Maria | 17/11/2023
      José  |  20/11/2023
       
      -----------------------------
      (demais registros da base)
      Antônio   |  20/05/2023
      Rosa        | 15/08/2023
      Cida         | 15/10/2022
      Pedro      |  20/05/2021
      Paulo      |  14/11/2020
       
      O select seria esse.
      select dbo.formataData(ET.dataInicial) AS 'data' FROM dbo.tab AS ET GROUP BY ET.dataInicial  
    • mateus.andriollo
      IF e array [RESOLVIDO]
      Por mateus.andriollo
      Existe uma forma de fazer um IF na select e comparar com Array de dados?
       
      algo como
       
      Select if( in_array(idCliente,'1,2,3,4,5')=true,'Tem','Não') ) as cliente Não consigo usar inner ou where pois esse array é algo q tem varias regras...
       
      Precisava saber se existe uma função assim em MySQL
    • mateus.andriollo
      IF e array [RESOLVIDO]
      Por mateus.andriollo
      Existe uma forma de fazer um IF na select e comparar com Array de dados?
       
      algo como
       
      Select if( in_array(idCliente,'1,2,3,4,5')=true,'Tem','Não') ) as cliente Não consigo usar inner ou where pois esse resultado do array é algo q tem varias regras...
       
      Precisava saber se existe uma função assim em MySQL
    • Rodrigo V
      Duvida sobre requisição AJAX
      Por Rodrigo V
      Boa tarde pessoal, sou novo aqui e não sei se o conteúdo que estou postando está no lugar correto.
      Estou com uma dúvida no ajax de uma requisição onde o retorno do banco popula o meu select, mas o problema é que  meu select devido possuir muitos dados ( em torno de 3000 options) quando retorna o navegador da uma leve travada mas no navegado do celular(com android 9) e trava ao ponto de ter que fechar aplicação. Acredito que teria que fazer um option que carregue por demanda algo assim, mas não sei se o meu pensamento está correto, e se estiver não sei como fazer... se alguém conseguir me ajudar agradeço. segue abaixo  códigos:
       
      onde é populado o select
                 <div class="col-md-2">             <select class="btao1" id="resultados"></select>             <input id="btao1" type="submit" value="Conferir" />           </div>  
      requisicao ajax
      <script>   $(document).ready(function() {     select_resultados()     });     function select_resultados() {     $.ajax({       url: 'select_resultados.php',       method: 'GET',       success: function(dados) {         $('#resultados').html(dados);       }     });   }   </script>  
      pagina php que busca no banco 
       
      $query_select = "SELECT * FROM resultados ORDER BY id DESC"; $result_select = $connect->prepare($query_select); $result_select->execute();   while($resultado_select = $result_select->fetch(PDO::FETCH_ASSOC)){     extract($resultado_select);     echo '         <option value='.$id.'>'.$name.'</option>'; }  
       
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito