$(document).ready(function(){
  $.ajax({
    type: 'POST',
    url: 'php/profes.php'
  })
  .done(function(listas_rep){
    $('#id_categoria').html(listas_rep)
  })
  .fail(function(){
    alert('Hubo un errror al cargar las listas_rep')
  })

  $('#id_categoria').on('change', function(){
    var id = $('#id_categoria').val()
    $.ajax({
      type: 'POST',
      url: 'php/sub_categorias_post.php',
      data: {'id': id}
    })
    .done(function(listas_rep){
      $('#videos').html(listas_rep)
    })
    .fail(function(){
      alert('Hubo un errror al cargar los vídeos')
    })
  })

  $('#enviar').on('click', function(){
    var resultado = 'Lista de reproducción: ' + $('#id_categoria option:selected').text() +
    ' Video elegido: ' + $('#videos option:selected').text()

    $('#resultado1').html(resultado)
  })

})