Redirecionar Select Option conforme é selecionado

[Jack Oliveira 1]

ola bom dia pessoal, é o seguinte estou com este select option que ele redireciona para uma pagina conforme é clicada nela,

porem se clicar onde esta value='' ela tbm redireciona quero forçar a selecionar alguma vaga 

 

 

                      <select class="" required onchange="location.href=this.value" >
                        <option value="">--Qual vaga deseja Visualizar-?-</option>
                         <option value="vaga-1">Vaga 1</option>
                         <option value="vaga-2">Vaga 2</option>
                         <option value="vaga-3">Vaga 3</option>
                         <option value="vaga-4">Vaga 4</option>
                        </select>

 

[Omar~ 87]

Remova o atributo de comando onchange

Adicione um ID ao seletor ou qualquer outra forma para saber no javascript que o seletor é o alvo.

Crie uma tag javascript use um ouvinte  com inspeção no comando "change":

Element.addEventListener('change', funcao_qualquer, false);

 

Crie um função qualquer que será acionada quando o seletor é alterado; assim que o ouvinte detectar que o seletor foi modificado, ela por sua vez verifica o valor para tomar as medidas cabíveis ao desejado.

<select id="exemplo">
    <option value="">A</option>
    <option value="B">B</option>
    <option value="C">C</option>
</select>

<script>
    function funcao_qualquer(evento) {
        if (evento.target.value != '') {
            /* fazer alguma coisa pois o que foi selecionado não é <empty string>
               Pode-se usar o redicionamento "location.href" aqui 
            */
        }
    }

    document.getElementById('exemplo').addEventListener('change', funcao_qualquer, false);
</script>

 

[Jack Oliveira 1]

19 horas atrás, Omar~ disse:

Remova o atributo de comando onchange

Adicione um ID ao seletor ou qualquer outra forma para saber no javascript que o seletor é o alvo.

Crie uma tag javascript use um ouvinte  com inspeção no comando "change":

Element.addEventListener('change', funcao_qualquer, false);

 

Crie um função qualquer que será acionada quando o seletor é alterado; assim que o ouvinte detectar que o seletor foi modificado, ela por sua vez verifica o valor para tomar as medidas cabíveis ao desejado.

<select id="exemplo">
    <option value="">A</option>
    <option value="B">B</option>
    <option value="C">C</option>
</select>

<script>
    function funcao_qualquer(evento) {
        if (evento.target.value != '') {
            /* fazer alguma coisa pois o que foi selecionado não é <empty string>
               Pode-se usar o redicionamento "location.href" aqui 
            */
        }
    }

    document.getElementById('exemplo').addEventListener('change', funcao_qualquer, false);
</script>

 

Obrigado @Omar~ pela ajuda, vou por em pratica aqui, qualquer coisa retorno aqui...