Untitled

<!doctype html>
        <html>
        <head>
            <title>Load JSON data with jQuery, PHP and MySQL Example</title>
            <meta charset="UTF-8"/>
            <script src="js/jquery.min.js"></script>
            <script src="js/ajax.js"></script>
        </head>
        <body>

        <form>
            Curso:
            <select name="name" id="curso">
                <option hidden selected>Selecione o Curso</option>
                <option disabled>::|Cursos Superiores Tradicionais|::</option>
                <option>Administracao</option>
                <option>Arquitetura e Urbanismo</option>
                <option>Biomedicina</option>
                <option>Ciecias Biologicas</option>
                <option>Ciencia da Computacao</option>
                <option>Ciencias Contabeis</option>
                <option>Com.Social(Prop.e Public. e Jornalismo)</option>
                <option>Direito</option>
                <option>Educaçao Fisica</option>
                <option>Enfermagem</option>
                <option>Engenharia Basica</option>
                <option>Engenharias</option>
                <option>Estetica e Cosmetica</option>
                <option>Farmacia</option>
                <option>Fisioterapia</option>
                <option>Letras</option>
                <option>Matematica</option>
                <option>Nutricao</option>
                <option>Pedagogia</option>
                <option>Psicologia</option>
                <option>Radiologia Medica</option>
                <option>Serviço Social</option>
                <option>Fotografia e Design Grafico</option>
                <option disabled>::|Cursos Superiores Tecnológicos|::</option>
                <option>Analise e Desenvolvimento de Sistemas</option>
                <option>Automacao Industrial</option>
                <option>Gestao Qualidade</option>
                <option>Gestao Financeiro</option>
                <option>Logistica</option>
                <option>Processos</option>
                <option>Gestao Recursos Humanos</option>
            </select>
            Periodo:
            <select name="periodo" id="periodo">
                <option hidden selected>Selecione o periodo</option>
            </select>
            Semestre:
            <select name="semestre" id="semestre">
            </select>
        </form>
                    <table border="1" width="500">
                    <thead>
                        <tr>
                            <th>Bloco</th>
                            <th>Andar</th>
                            <th>Sala</th>
                        </tr>
                    </thead>
                    <tbody id="tabela">
                    </tbody>
                </table>
        <script>
            function buscaPeriodo() {
                $.getJSON('http://localhost/Carregando%20Select/periodo.php', {curso: $('#curso').val()}, function (data) {
                    var select = $('#periodo');
                    var options = select.prop('options');
                    $('option', select).remove();

                    $.each(data, function (index, array) {
                        options[options.length] = new Option(array['periodo']);
                    });
                });
            }
            buscaPeriodo();
            $('#curso').change(function () {
                buscaPeriodo();
            });
        </script>
        <script>
            function buscaSemestre() {
                $.getJSON('http://localhost/Carregando%20Select/semestre.php', {curso: $('#curso').val()}, function (data) {
                    var select = $('#semestre');
                    var options = select.prop('options');
                    $('option', select).remove();

                    $.each(data, function (index, array) {
                        options[options.length] = new Option(array['semestre']);
                    });
                });
            }
            buscaSemestre();
            $('#curso').change(function () {
                buscaSemestre();
            });
        </script>

        </body>
        </html>

<?php
            //constantes com as credenciais de acesso ao banco de dados MySQL
            $dsn = "mysql:host=localhost;dbname=bdmaster";
            $username = "root";
            $password = "";

            $pdo = new PDO($dsn, $username, $password);
            // SQL para selecionar o periodo de acordo com a curso
            $rows = array();
            if(isset($_GET['curso'])) {
                $stmt = $pdo->prepare("SELECT DISTINCT periodo FROM  cursos WHERE curso = ? ORDER BY periodo");
                $stmt->execute(array($_GET['curso']));
                $rows = $stmt->fetchAll(PDO::FETCH_ASSOC);
            }
            echo json_encode($rows);
        ?>