0

Tengo el código de un select dependiente, al seleccionar algún dato (idiomas), carga los datos en un nuevo select (horarios). Pero no funciona totalmente, el primer dato de la lista no lo toma, a partir del segundo dato funciona bien. Como podrán observar, la lista 2 la toma de una base de datos mysql.

Me podrían ayudar a detectar el error? Espero me haga entender. Gracias.

Este es el formulario:

<html>
  <head> 
    <title>Agregar fila de campos DINAMICOS</title> 
    <script type="text/javascript" src="jquery.min.js"></script>
    <script type="text/javascript">
      $(document).ready(function(){

        $(".soc").change(function(){
          var tr =  $(this).parent().parent();
         //alert($('.idi').val());
          idi = $(this).val();
          $.post("getIdiomas.php", { idi: idi }, 
          function(data){
            tr.find("#term").html(data); 
          });
        })

        $("#adicional").on('click', function(){
          var row = $("#tabla tbody tr:eq(0)").clone(true).removeClass('fila-fija');
          row.find('.term').empty(); 
          row.appendTo("#tabla tbody")
        });

        $(".eliminar").on("click",function(){
          var parent = $(this).closest("tr").remove();
        });
      }); 
    </script>
  </head>

  <body>
    <table align="center" class="table bg-info" id="tabla">
       <thead>
          <tr>
             <th>IDIOMAS</th>
             <th>HORARIOS</th>
          </tr>
       </thead>
       <tbody>
          <tr class="fila-fija">
             <td>
                <select class="idi" name="idi[]">
                   <option value="NULL">Seleccionar</option>
                   <option value="1">ingles</option>
                   <option value="2">frances</option>
                   <option value="3">portugues</option>
                </select>
             </td>
             <td><select name="term[]" class="term" id="term"></select></td>
             <td class="eliminar"><input type="button" value="-"/></td>
          </tr>
       </tbody>
    </table>
    <div class="btn-der"><button id="adicional" name="adicional" type="button" class="btn btn-warning">+</button></div>
  </body>
</html>

Este es el archivo del segundo select (archivo getIdiomas.php):

<?php 
    include('conexion.php'); 
    $idi = $_POST['idi']; 
    $query="SELECT cod_hor,horario from horario where cod_hor='$idi'";  
    $result=$mysqli->query($query); 
    $html = "<option value=''>Seleccionar</option>"; 
      
    while (($fila = mysqli_fetch_array($result)) != NULL) { 
        $html.= "<option value='".$fila['cod_hor']."'>".$fila['horario']." </option>"; 
    } 
    echo $html 
?>

13
  • si te das cuenta el primer dato es NULL por eso no toma ningun idioma!
    – Bryro
    el 23 abr. 2019 a las 20:26
  • A que te refieres con "el primer dato de la lista no lo toma"? de cual de los 2 select estas hablando, idiomas u horarios? Que es lo que esperas que suceda cuando seleccionas el primero dato? Importante Tu código es susceptible a Inyección SQL
    – Marcos
    el 23 abr. 2019 a las 20:35
  • a esto me refiero <select class="idi" name="idi[]"> <option value="NULL">Seleccionar</option> envias NULL por eso no te retorna nada :V
    – Bryro
    el 23 abr. 2019 a las 20:43
  • Revisaré tu comentarios Bryro, muchas gracias. Ya comentaré. el 23 abr. 2019 a las 20:53
  • Lo que puedes hacer es vaciar la segunda lista cuando el valor de la primera sea null el 23 abr. 2019 a las 20:55

0

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

Examina otras preguntas con la etiqueta o formula tu propia pregunta.