Boa tarde, estou desenvolvendo um site para simplificar a busca de vídeos educacionais para meu TCC.
Fiz um sistema com dois combo box para pesquisar as disciplinas no banco de dados e os conteúdos, sendo conteúdos uma foreign key de disciplinas.
<h2 class="title">Selecione a disciplina</h2>
<form action="" method="get">
<div class="box">
<select name="disciplina" id="disciplina">
<option value="" selected = selected>Selecione uma disciplina</option>
<?php
if($num_logar > 0) {
do {
echo "<option value='".$fet_logar['disciplina_id']."'>".$fet_logar['disciplina_nome']."</option>";
}while($fet_logar = mysqli_fetch_assoc($exe_logar));
}
?>
</select>
</div>
</div>
<div class="col-md-4 offset-md-4">
<h2 class="title">Selecione o conteúdo</h2>
<div class="box">
<select name="conteudo" id="conteudo">
</select>
</form>
<ul class="dropdown-menu">
<script type="text/javascript">
$(document).ready(function(){
$('#disciplina').change(function(){
$('#conteudo').load('conteudo.php?disciplina='+$('#disciplina').val());
});
});
</script>
</ul>
</div>
Ou seja, após o usuário selecionar uma disciplina, aparecerá seus respectivos conteúdos em outra combo box, sendo feita com javascript.
Porém a partir que o usuário selecionou o conteúdo quero que apareça de forma automática, buscado do mysql, o link do vídeo embed do youtube.
Fiz isso de forma não automática para uma representação. Segue o código abaixo.
<figure>
<div class="boxVideo">
<iframe width="700" height="450" src="https://www.youtube.com/embed/F9Bo89m2f6g" frameborder="0" allowfullscreen></iframe>
</div>
</figure>
Como eu faço para que de forma automática, o link de vídeo embed, após selecionar o conteúdo de determinada disciplina, apareça abaixo da página?
Ilustração do BD: Tabela disciplina, assim como o combo box que demonstra as disciplinas
Tabela conteúdo, com uma FK, para que ao selecionar a disciplina o conteúdo a ser mostrado prevalecerá a partir de qual disciplina foi selecionada
OBSERVAÇÃO: A partir de uma resposta anterior, foi observado que:
1- O select de conteúdo é puxado a partir de um javascript, ou seja, o value dele equivale ao conteudo_id e seguindo ao value name.
2- Uma ideia de solução seria um campo como eu fiz na tabela "conteudo", conteudo_video, que neste campo entraria o código embed do vídeo, exemplo "wjwudahw12" que entraria em "youtube.com/embed/wjwudahw12", como posso editar o "frame", para que ele percorresse por este campo, após selecionar disciplina e conteúdo, e inserir o código embed respectivo.