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 el 18 ene. a las 13:39
  • Gracias, ahi edite la pregunta el 18 ene. 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
    el 18 ene. 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. el 18 ene. 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
    el 18 ene. 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

Al pulsar en “Publica tu respuesta”, muestras tu consentimiento a nuestros términos de servicio, política de privacidad y política de cookies

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