preenchimento de tag <select> condicionados a outra

[adrferreira4 0]

Tenho o seguinte form de um sistema desenvolvido em php.

 

<div class="form-group">

    <label class="control-label col-lg-2">Rua: </label>
    <div class="col-lg-3">
        <input class="form-control" name="rua" type="text" id="rua" value="<?=$estudante->endereco->getRua()?>" size="60" />
    </div>

    <label for="complemento" class="control-label col-lg-1">Complemento </label>
    <div class="col-lg-4">
        <input class="form-control" id="complemento" name="complemento" type="text" value="<?=$estudante->endereco->getComplemento()?>" />
    </div>

    <input class="form-control" name="ibge" type="hidden" id="ibge" size="8" />
</div>

<tr>
    <td>Turma</td>
    <td>

        <select name="turma" class="form-control">
            <?php foreach ($turmas as $turma):
            $turmaSelecionada = $estudante->turma_id == $turma->id;
            $selecao = $turmaSelecionada ? "selected ='selected'" : "";
            ?>
            <option  value="<?=$turma->id?>" <?=$selecao?>><?=$turma->nome?><br/>
                <?php endforeach; ?>
        </select>
    </td>
</tr>

<tr>
    <td>Turno</td>
    <td>
        <select name="turno" class="form-control">
            <option value="Matutino">Matutino</option>
            <option value="Noturno">Noturno</option>
            <option value="Integral">Integral</option>
        </select>
    </td>
</tr>

Neste dois últimos selects preciso que o <select name="turno"> fique condicionado a opção selecionada no select anterior (<select name="turma">). no caso não são todas as turmas que possuem os três turnos, alguns possuem apenas matutino.

Esses dados serão tragos de um banco MySql. 

Alguém me dê uma ajuda, please.

[Izabelle 3]

Olá, @adrferreira4

 

Não sei se é melhor forma de resolver, mas eu faria da seguinte forma:

 

- Quando o usuário escolhesse uma turma, chamaria uma função no JS que faria uma requisição para pegar os possíveis turnos daquela turma. Para isso você usaria eventos do JS e Ajax.

 

- Após você receber esses valores, com o JS você retorna as opções nos Options do Select.

 

Dessa forma você não traz nenhum valor no select quando carregar a página, apenas após a escolha de uma turma essas opções seriam carregadas.

 

No link abaixo tem um exemplo de como você selecionar o option de um select com JavaScript puro.

https://pt.stackoverflow.com/questions/183354/selecionar-option-de-um-select

 

Mas você também pode usar alguma biblioteca, como o jQuery, que facilitaria muito.

http://api.jquery.com/change/