1

Tengo ese select con php y mysql, en mi caso tengo una tabla con viajes, pasajeros y motivo de viaje, la idea es que cuando seleccione el motivo del viaje en el selec me muestre todos los pasajeros que tiene el mismo motivo de viaje y que el resultado me muestre en la misma pagina. ¿alguien tiene o sabe donde hay un ejemplo de eso?. Ya he buscado hace dos días y no encuentro nada, solo select con otro select.

Les muestro mi select que me funciona perfecto.

include('conectar.ini.php');

$base = "SELECT * FROM viajes ORDER BY id_viaje ASC";
$nquery = mysqli_query($conn, $base);
$id_viaje = (!empty ($_GET['id_viaje']) ) ? $_GET['id_viaje'] : NULL; 
$fechaida = isset($_POST['fechaida']) ? $_POST['fechaida'] : NULL;
//SELECT CON LOS MOTIVOS DEL VIAJE
echo "<label for='viaje' class='form-label'><strong>ELIJA EL VIAJE</strong></label>";
echo "<select class='form-select' name='id_viaje' id='viaje' required>";
echo "<option value='' disabled selected hidden></option>";
while($crow = mysqli_fetch_array($nquery)){
    $fechaida = date('d/m/Y', strtotime($crow['fechaida']));
    echo "<option value='".$crow['id_viaje']."' data-fecha='".$fechaida."'>".$crow['motivo']."</option>";
}
echo "</select>";
mysqli_close($conn);
12
  • buenos días estimado, qué haz intentado hacer?... debería haber un código de referencia Commented el 18 ene. 2023 a las 13:39
  • Gracias, ahi edite la pregunta Commented el 18 ene. 2023 a las 13:49
  • yo escribi en google "php combos dependientes" y hay mil ejemplos.. que fue lo que buscaste??? es mas, seguro que esta en esta pagina tambien...
    – gbianchi
    Commented el 18 ene. 2023 a las 13:54
  • Si, también he buscado pero son combos que dependen de otro select , o sea que dependiendo de la opción de un select me muestra en otro select con la info y yo lo que quiero es que me muestre todos los datos de esa opción, por ejemplo, selecciono motivo vacaciones y me muestre todos los pasajeros con su DNI, fecha de nacimiento, etc.. que tienen el mismo motivo en campos separados no en otro select. Commented el 18 ene. 2023 a las 14:05
  • es que.. ES LO MISMO!!! no importa donde muestres la salida... es el mismo tema... selecciona en un combo, y despues, no importa donde mandes la salida.. no entiendo entonces tu problema... seleccionas de un combo, y despues como en cualquiera de los otros ejemplos, haces una consulta por ajax, y modificas tu pagina dependiendo el resultado.. capaz estoy perdido pero no termino de entender si ese es tu problema, o no sabes hacer llamadas ajax, o que...
    – gbianchi
    Commented el 18 ene. 2023 a las 14:36

1 respuesta 1

0

Te dejo un ejemplo a ciegas, ya que no adjuntaste lo que te indique a tu pregunta.

FUNCION JS

//FUNCION QUE DETECTA LA CARGA COMPLETA DEL DOM
window.addEventListener('DOMContentLoaded', function() {
  //OBTENEMOS ELEMENTO SELECT DE VIAJES MEDIANTE SU ID
  var select_viajes = document.getElementById('viajes');
  //FUNCION QUE DETECTA SI HAY CAMBIO DE OPCION DEL SELECT
  select_viajes.addEventListener('change', function() {
    //OBTENEMOS EL ELEMNTO EN EL QUE VAMOS A PINTAR LA RESPUESTA DE PHP
    var divtabla = document.getElementById('dataViajes');
    //OBTENEMOS EL VALUE DE LA OPCION SELECCIONADA, THIS HACE REFERENCIA SOBRE EL LEMENTO QUE EJECUTA EL EVENTO
    var id_viaje = this.value;
    //PETICION QUE ENVIA EL ID DEL VIAJE POR METODO POST
    //CON AJAX EVITAMOS LA RECARGA DE LA PAGINA, LO HACE EN LA MISMA
    $.ajax({
      //RUTA DE PHP
      url: 'ruta.php',
      method: 'POST',
      dataType: 'text',
      //DATOS A ENVIAR
      data: {
        id: id_viaje,
      },
      //SI LA PETICION SE RESUELVE SATISFACTORIAMENTE PINTAMOS LA DATA EN ESTE ELEMENTO
      success: function(response) {
        divtabla.innerHTML = response;
      },
      //SI FALLA, MUSTRA UN ALERT CON MENSAJE DE ERROR
      error: function() {
        alert('NO SE PUDO COMPLETAR LA PETICION');
      }
    });
  })
})
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <header>
    <div>
      <select name="" id="viajes">
        <option>Seleccione viaje</option>
        <option value="1">Id viaje</option>
        <option value="2">Id viaje2</option>
        <option value="3">Id viaje3</option>
      </select>

    </div>
  </header>
  <section>
    <div id="dataViajes">

    </div>
  </section>
</body>

</html>

Tienes que replantear tu lógica, ya que quieres mandar el ID del viaje y la fecha del mismo, eso es erróneo, ya que el ID de un viaje es único, por lo tanto solo tendrá una fecha, en php tomas ese ID de viaje y generas tu consulta trayendo los datos de los tripulantes. prueba con esto y si requieres algo mas actualizo la respuesta, investiga un poco mas, el código JS esta comentado para que lo entiendas.

Tu Respuesta

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

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.