Javascript Preciso de um auxílio no código relacionado função select

Eduardo Feferighi · 22 de fevereiro de 2022

Olá. Sou novato. A PERGUNTA É: como consigo deixar os links com funcionamento e o mais importante, eles abrirem na mesma janela e sem IFRAME; Se possível, informe o script para essa função:

<!DOCTYPE html>
<html>
<head>
    <title>função select</title>
</head>
<body>
    <h1>Mudar de página com Select</h1>
    <select>
        let selectEl = document.getElementsByTagName('select');
        selectEl[0].addEventListener('change', function() {
            location.href=this.value;
        });
        <option>Selecione uma opção</option>
        <option value="https://www.google.com">Google</option>
        <option value="https://www.facebook.com">Facebook</option>
        <option value="https://www.twitter.com">Twitter</option>
    </select>

Aguardo! Agradeço!

Diego72Marinho · 15 de março de 2022

Amigo, esse código está correto. O que tá faltando é você jogar esse evento dentro das tags script.

    <h1>Mudar de página com Select</h1>



    <select>

        <option>Selecione uma opção</option>

        <option value="https://www.google.com">Google</option>

        <option value="https://www.facebook.com">Facebook</option>

        <option value="https://www.twitter.com">Twitter</option>

    </select>



           

    <script>

            let selectEl = document.getElementsByTagName('select');

                selectEl[0].addEventListener('change', function() {

                location.href=this.value;});

    </script>