Tengo este código en un documento php
<div class="gaps">
<p>Fecha primer asesoría</p>
<select id="fecha1" class="form-control" name="primer-fecha">
<option value=""></option>
<?php
include 'conexion.php';
$consulta1="SELECT * FROM fechas_asesorias WHERE status='AC'";
$ejecutar1=mysqli_query($conexion,$consulta1) or die(mysqli_error($conexion));
?>
<?php foreach ($ejecutar1 as $opciones1): ?>
<option value="<?php echo $opciones1['fecha'] ?>"><?php echo $opciones1['fecha'] ?></option>
<?php endforeach ?>
</select>
</div>
<div class="gaps">
<p>Hora primer asesoría</p>
<select class="form-control" name="primer_hora">
<option value=""></option>
<?php foreach ($ejecutar2 as $opciones2): ?>
<option value="<?php echo $opciones2['hora'] ?>"><?php echo $opciones2['hora'] ?></option>
<?php endforeach ?>
</select>
</div>
En el primer select se llena con los datos que obtiene de la consulta SQL que realizo mediante código php y lo que quiero lograr en el segundo select es que me aparezcan las horas disponibles que le corresponden a la fecha que seleccionen en el primer select, según yo coloque esta función, la cual no se si está bien
<script>
$("#fecha1").change(function (event) {
<?php
include 'conexion.php';
$Valor1=document.getElementById(fecha1).value;
$obtenerID1="SELECT id FROM fechas_asesorias WHERE fecha=$Valor1";
$IDFecha1=mysqli_query($conexion,$obtenerID1) or die(mysqli_error($conexion));
$consulta2="SELECT * FROM horas_asesorias WHERE status='AC' AND id_fecha=$IDFecha1";
$ejecutar2=mysqli_query($conexion,$consulta2) or die(mysqli_error($conexion));
?>
});
</script>
¿Alguien que me pueda echar una mano?
select
dependiente de otro usando Ajax, que sería lo más idóneo en este caso. El segundoselect
se llenaría con los datos adecuados cada vez que el primerselect
cambie. – A. Cedano el 25 sep. a las 17:26