Solucionado (ver solução)
Solucionado
(ver solução)
5
respostas

select com javascript

Olá pessoal gostaria de saber como faço um if no select abaixo exemplo

function buscarUnidade(valor) {
            if (valor === "1") {
//             mostrar os cursos de id="barroDuro"

            } else {
              mostrar os cursos de id="antares"
}
   <select class="form-control" id="inputFilialSimula" name="inputFilialSimula" onchange="buscarUnidade(this.value)" required="" aria-required="true">
                                <option value="" disabled selected>Selecione uma opção</option>
                                <option value="1">UNIDADE I - SERRARIA</option>
                                <option value="2">UNIDADE II - ANTARES</option>
                            </select>
 <option value="884,2299" id="antares1" data-tokens="ADMINISTRACAO MANHA">ADMINISTRAÇÃO - MANHÃ</option>
                                <option value="884,2299" id="antares2" data-tokens="ADMINISTRACAO NOITE">ADMINISTRAÇÃO - NOITE</option>
                                <option value="476,6295" id="barroDuro" data-tokens="ANALISE E DESENVOLVIMENTO DE SISTEMAS MANHA">ANÁLISE E DESENVOLVIMENTO DE SISTEMAS - MANHÃ</option>
                                <option value="476,6295" id="barroDuro2" data-tokens="ANALISE E DESENVOLVIMENTO DE SISTEMAS NOITE">ANÁLISE E DESENVOLVIMENTO DE SISTEMAS - NOITE</option>
                                <option value="884,2299" id="barroDuro3" data-tokens="ARQUITETURA E URBANISMO MANHA">ARQUITETURA E URBANISMO - MANHÃ</option>
                                <option value="884,2299" id="barroDuro4" data-tokens="ARQUITETURA E URBANISMO NOITE">ARQUITETURA E URBANISMO - NOITE</option>
                                <option value="914,79993" id="barroDuro5" data-tokens="DIREITO MANHA">DIREITO - MANHÃ</option>
                                <option value="914,79993" id="barroDuro6" data-tokens="DIREITO NOITE">DIREITO - NOITE</option>
                                <option value="841,4976" id="barroDuro7" data-tokens="ENFERMAGEM MANHA">ENFERMAGEM - MANHÃ</option>
                                <option value="841,4976" id="barroDuro8" data-tokens="ENFERMAGEM NOITE">ENFERMAGEM - NOITE</option>

Voces poriam me ajudar ?

5 respostas

E aí Miquellysson,

É mais ou menos isso que você quer? LINK

Ao selecionar o primeiro, ele habilita no segundo apenas os que fazem parte da seleção do primeiro.

Espero ter ajudado.

Isso mesmo, só que o invés de desabilitar como faço pra ocultar?

Basta adicionar uma classe com um CSS com display: none;, atualizei o projeto lá e ele está ocultando ;)

Dá uma olhada no LINK e vê se é isso ;) dá uma olhada no JS pra ver como funciona, fiz de modo rápido, então pode ser melhorado!!

solução!

E aí Miquellysson!

Funcionou?

Perfeitamente, Obrigado!