Select anidado

charly_lpg · #1 (**permalink**) 08/01/2014, 10:26

Hola

Tengo el siguiente problema con un select anidado.
de la base de datso me trae perfecto los datso para el primer select, pero cuando lo modifico, no me carga el segundo.

Alguien me podra ayudar?

Les paso los codigos de los archivos
el del combo 2 todavia no lo tengo desarrollado.

archivo INDEX.PHP

<?php include("conn.php");?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Combos dependientes</title>
<script language="javascript" src="jquery-1.2.6.min.js"></script>
<script language="javascript">
$(document).ready(function(){
// Parametros para e combo1
$("#combo1").change(function () {
$("#combo1 option:selected").each(function () {
//alert($(this).val());
elegido=$(this).val();
$.post("combo1.php", { elegido: elegido }, function(data){
$("#combo2").html(data);
$("#combo3").html("");
});
});
})
// Parametros para el combo2
$("#combo2").change(function () {
$("#combo2 option:selected").each(function () {
//alert($(this).val());
elegido=$(this).val();
$.post("combo2.php", { elegido: elegido }, function(data){
$("#combo3").html(data);
});
});
})
});
</script>
</head>
<body>
<?php
echo"<select name='combo1' id='combo1' onchange='function()'>";
$sql = "SELECT DISTINCT cia,aerolinea FROM coeficientes ORDER BY cia";
$res = mysqli_query($conn, $sql);
echo"<option value ='99'>Elegir Cia Aerea</option>";
while ($fila = mysqli_fetch_assoc($res)) {
echo"<option value=".$fila['cia'].">".$fila['cia']." - ".$fila['aerolinea']."</option>";
}
echo"</select>";
?>
<select name="combo2" id="combo2">
</select>

<select name="combo3" id="combo3">
</select>
---------------------------------------------------------------------------------------------------------
COMBO1.PHP

<?php include("conn.php");?>
<?php
$rpta="";

$sql = "SELECT nombre FROM coeficientes WHERE Cia= ".$_POST["elegido"]." ORDER BY nombre";
$res = mysqli_query($conn, $sql);
while ($fila = mysqli_fetch_assoc($res)) {
$rpta="
<option value=".$fila['nombre'].">".$fila['nombre']."</option>
";
}

echo $rpta;
?>
--------------------------------------------------------------------------------------------

Desde ya muchisimas gracias

bathorz · #2 (**permalink**) 10/01/2014, 02:50

¿Aún necesitas ayuda?

charly_lpg · #3 (**permalink**) 10/01/2014, 07:15

Si, por favor
Muchas gracias

bathorz · #4 (**permalink**) 10/01/2014, 13:39

Prescindiendo de la BBDD utilizo un array para silumar las respuestas. Espero funcione.

Código Javascript:

Ver original$(document).ready(function() {
    // Parametros para e combo1
    $("#combo1").change(function() {
      $("#combo1 option:selected").each(function() {
        var elegido = $(this).val();
        $.post("combo1.php", {elegido: elegido},
        function(data) {
          $("#combo2").html(data);
          $("#combo3").html("");
        });
      });
    })
  });

Código HTML:

Ver original<?php
// reemplaza la respuesta del servidor
$fila = array(
  array(
    'cia' => 'comp1',
    'aerolinea' => 'Iberia'
  ),
  array(
    'cia' => 'comp2',
    'aerolinea' => 'France'
  )
);
 
$i = 0;
echo"<select name='combo1' id='combo1'>";
echo"<option value ='99'>Elegir Cia Aerea</option>";
while (each($fila)) {
  echo"<option value=" . $fila[$i]['cia'] . ">" . $fila[$i]['cia'] . " - " . $fila[$i]['aerolinea'] . "</option>";
  $i++;
}
echo"</select>";
?>
<select name="combo2" id="combo2"></select>
<select name="combo3" id="combo3"></select>

Combo1

Código PHP:

Ver original// reemplaza la respuesta del servidor
$fila2 = array(
  array(
    'nombre' => 'nom1',
  ),
  array(
    'nombre' => 'nom2',
  )
);
 
$rpta ='';
$i = 0;
while (each($fila2)) {
  // encadena los options
  $rpta .= "<option value='" . $fila2[$i]['nombre'] . "'>" . $fila2[$i]['nombre'] . "</option>";
  $i++;
}
echo $rpta;