3

Estoy trabajando con 2 select, el segundo debería depender del dato que se seleccione en el primero. No he logrado hacerlo porque estoy un poco perdida en cómo funciona Ajax.

aquí dejo como estoy cargando el primer combo

<select name='eq' id='eq'>
<?php
	$sq = "select * from EQUIPO";
	$res= mysqli_query($conn,$sq);

	while ($row=mysqli_fetch_array($res)) {
echo "<option value=".$row['ID_EQUIPO'].">".$row['NOM_EQUIPO']."</option>";
}
?>
</select>

1
  • Para poderte ayudar envia el codigo de Ajax que has hecho, tabla que se consultara para armar el segundo select y la conexion a la base de datos. Commented el 2 oct. 2019 a las 13:27

1 respuesta 1

1

Utiliza el evento change para que cuando se cambie el valor del primer select realice la petición ajax para cargar el segundo select

ejemplo: en javascript

<script src="https://code.jquery.com/jquery-3.4.1.js"></script>//se requiere 

$(document).on('change','#eq', function(){
    var id=$(this).val();//obtengo el valor seleccionado
    $.ajax({  
        url : 'getsegundoselect.php',   
        data : { id : id },
        type : 'GET',
        //dataType : 'json',//si se requiere obtener un json
        success : function(res) {
          $("#idSegundoSelect").html(res);
        },    
        error : function(xhr, status) {
            alert('un problema');
        },
        complete : function(xhr, status) {
            alert('Petición realizada');
        }
    });
});

en html

<select name='eq' id='eq'>
<?php
    $sq = "select * from EQUIPO";
    $res= mysqli_query($conn,$sq);

    while ($row=mysqli_fetch_array($res)) {
    echo "<option value=".$row['ID_EQUIPO'].">".$row['NOM_EQUIPO']."</option>";
}
?>
</select>

<select name='idSegundoSelect' id='idSegundoSelect'>
</select>

en php para cargar segundo select, notase que en este puse tabla como ejemplo

<?php
   $id=$_GET["id"];//si se requiere el id enviado para su consulta
    $sq = "select * from tabla";
    $res= mysqli_query($conn,$sq);
    $result="";
    while ($row=mysqli_fetch_array($res)) {
     $result.="<option value=".$row['ID'].">".$row['Nombre']."</option>";
    }
 echo $result;
?>
4
  • Hola, gracias, me sirvió mucho pero no he podido arreglar que en el segundo select, me muestra sólo los espacios, no el texto xdd Commented el 2 oct. 2019 a las 18:26
  • no entendí bien tu duda, el segundo solo te muestra espacios?, si es asi puede ser por los acentos agregar echo utf8_encode($result) Commented el 2 oct. 2019 a las 18:32
  • sí, el segundo select solo me muestra los espacios, en la cantidad que correspondería... Pero el texto que debería mostrar, no lo muestra Commented el 2 oct. 2019 a las 18:59
  • revisa con echo utf8_encode($result) o verifica si estas obteniendo bien el valor del campo $row['Nombre'] según como lo hayas definido tu campo Commented el 2 oct. 2019 a las 19:02

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.