0

Pessoal eu preciso que o select 2 referente a unidade de retirada fique ativado apenas se o a option do select 1 for igual a "Retirada". Conseguem me ajudar?

<!DOCTYPE html>
    <html>
    <head>
    <title>Page Title</title>
    </head>
    <body>
    <input type="text" name="input" id="input" disabled>
    <br><br>
    <label>Selecione a opção de recebimento do pedido</label>
    <select id="options" onchange="verifica(this.value)">
    <option value="2">1 - Delivery</option>
    <option value="3">2 - Retirada</option>
    </select>
    <br>
    <br>
    <label>Selecione a unidade que irá retirar o do pedido</label>
    <select id="options" onchange="verifica(this.value)">
    <option value="2">1 - Unidade </option>
    <option value="3">2 - Unidade</option>
    </select>
    </body>
    </html>

1 Resposta 1

0

Veja se o valor é igual 3 coloque ou remova o atributo disabled, não precisa chamar a função no segundo select, seguindo o código que fez:

function verifica(v) {
  if(v == 3)document.getElementById("options2").removeAttribute("disabled"); 
  else document.getElementById("options2").setAttribute("disabled", "disabled");
}

HTML:

    <input type="text" name="input" id="input" disabled>
    <br><br>
    <label>Selecione a opção de recebimento do pedido</label>
    <select id="options" onchange="verifica(this.value)">
    <option value="2">1 - Delivery</option>
    <option value="3">2 - Retirada</option>
    </select>
    <br>
    <br>
    <label>Selecione a unidade que irá retirar o do pedido</label>
    <select id="options2" disabled>
    <option value="2">1 - Unidade </option>
    <option value="3">2 - Unidade</option>
    </select>

Id é um campo único, não use para mais de um elemento.

Fiddlw: https://jsfiddle.net/7shLcpvk/

5
  • 1
    Legal! Pode ainda envolver o select 2 em uma div e controlar a exibição... fica mais amigável para o usuário... Commented 1/07/2020 às 1:05
  • É uma pergunta ou afirmação? hehe Commented 2/07/2020 às 0:36
  • Rss afirmação com sugestão de melhoria, para nosso amigo Matheus tentar fazer ;) Commented 3/07/2020 às 0:01
  • Mas pelo jeito ele está ausente hehe Commented 3/07/2020 às 0:01
  • Shoow. Muito obrigado, consegui fazer com a ajuda de vocês.
    – user195714
    Commented 4/07/2020 às 4:10

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