Página simples em HTML

nicolasaigner · Abril 18, 2016

Prezados, boa noite!
Preciso de criar um página que ao selecionar uma opção na tag "<option>" e clicar no botão de "avançar" ser direcionado para a página que selecionei.

Segue a imagem em anexo para entender melhor.

wash · Abril 18, 2016

Olá!

Com html puro creio que talvez, provavelmente não seja possível
Com javascript é
Com php também é
Se quiser fazer sem alterar a url, seria tipo uma Single Page Application
Então vai ter usar javascript com ajax
Se optar por alterar a url, usando php,
dá pra fazer até sem javascript, veja:

<!doctype html>
<html>
    <head>
        <meta charset='utf-8'>
        <title>Alterar página de acordo com combobox</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link rel='stylesheet' href='css/style.css'>
    </head>
    <body>
        <main>
            <nav>
                <form>
                    <select name="page"><option value=''>Selecione</option>
                        <?php
                        $options = [
                            1 => 'unidade 1',
                            'unidade 2',
                            'unidade 3',
                            'unidade 4',
                            'unidade 5',
                        ];
                        foreach ($options as $key => $value) {
                            echo "<option value='$key'>$value</option>";
                        }
                        ?>
                    </select>
                    <input type="submit" value="Avançar">
                </form>
            </nav>
            <div>
                <?php
                if (isset($_GET['page']) && !empty($_GET['page'])) {
                    $page = $_GET['page'] . '.html';
                    echo "<p>Incluir o conteúdo do arquivo $page</p>";
                } else {
                    echo '<p>Selecione e clique em avançar!</p>';
                }
                ?>
            </div>
        </main>
    </body>
</html>

Entrar

Página simples em HTML

Pergunta

nicolasaigner

Link para o comentário

Compartilhar em outros sites

1 resposta a esta questão

Posts Recomendados

wash

Link para o comentário

Compartilhar em outros sites

Participe da discussão

Estatísticas dos Fóruns

Navegação

Atividades