0

Realizei uma pesquisa superficial sobre habilitar um select ao escolher uma opção em outro select, mas não encontrei nada que se aplicasse.

$(document).ready(function() {
  $('select#select1').select(function() {
    $('select#select2').prop('disabled', false);
  });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<!doctype html>
<html>

<body>
  <select id="select1">
    <option>Opção 1</option>
    <option>Opção 2</option>
    <option>Opção 3</option>
  </select>

  <select id="select2" disabled>
    <option>Opção 1</option>
    <option>Opção 2</option>
    <option>Opção 3</option>
  </select>
</body>

</html>

6
  • 1
    Vc tem dois selects, sendo que o primeiro está como Disable, vc quer que ao clicar nele o atributo Disable seja removido é isso?
    – hugocsl
    Commented 10/11/2018 às 16:33
  • Não acredito que todos os eventos são desabilitados. Commented 10/11/2018 às 16:34
  • 1
    Realmente não sei se é possível, mas vc pode ter um elemento "invisível" por cima do select que quando clicado vc da display:none nele e no select vc tira o disabled.. Mas isso seria gambiarra ao meu ver, deve ter um jeito mais correto pra fazer isso
    – hugocsl
    Commented 10/11/2018 às 16:56
  • 1
    Foi exatamente o que eu fiz. Coloquei uma div com background-color: transparent e z-index: 1; sobre ele, e com o jQuery habilitei o select e removi a div com $('div#code').remove(); ao clicar na div. Muita gambi! Obrigado, mais uma vez, @hugocsl. Commented 10/11/2018 às 17:04
  • 1
    @hugocsl Mudei a pergunta para algo mais factível. Commented 10/11/2018 às 17:19

1 Resposta 1

2

Tenta usar o $(...).on("change", ...):

$(document).ready(function() {
  $('select#select1').on('change', function() {
    $('select#select2').prop('disabled', false);
  });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<!doctype html>
<html>

<body>
  <select id="select1">
    <option>Opção 1</option>
    <option>Opção 2</option>
    <option>Opção 3</option>
  </select>

  <select id="select2" disabled>
    <option>Opção 1</option>
    <option>Opção 2</option>
    <option>Opção 3</option>
  </select>
</body>

</html>

1
  • Verdade! Havia me esquecido da função change();. Obrigado! Commented 10/11/2018 às 17:38

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 .