Tema: Como llamar un valor directamente de la BD utilizando un combobox
Ver Mensaje Individual
  #1 (permalink)  
Antiguo 27/02/2012, 12:44
agustinpak
 
Fecha de Ingreso: febrero-2012
Ubicación: Cancun
Mensajes: 79
Antigüedad: 13 años
Puntos: 0
Como llamar un valor directamente de la BD utilizando un combobox
Hola, saludos a todos.

Intento ser breve a mi consulta, tengo 3 combobox dependientes.
El clasico Pais, Provincia y Ciudad. Hasta ahi todo bien.

Lo que no resulta es el intento de que en el tercer combo (ciudad) este me arroje directamente la ciudad sin darme las opciones de elegir cual deseo, ya que solo quiero una ciudad por provincia y que esta se muestre directamente en el tercer combo (ciudad) al elegir una opcion del segundo combo (provincia).

En la BD contengo 3 tablas ( Pais, Provincia, Ciudad)

Aqui el index:


Código HTML: 
Ver original
  1. <html xmlns="http://www.w3.org/1999/xhtml">
  2. <head>
  3. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  4. <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
  5. <script type="text/javascript">
  6. $(document).ready(function(){
  7.     cargar_paises();
  8.     $("#pais").change(function(){dependencia_estado();});
  9.     $("#estado").change(function(){dependencia_ciudad();});
  10.     $("#estado").attr("disabled",true);
  11.     $("#ciudad").attr("disabled",true);
  12. });
  13.  
  14. function cargar_paises()
  15. {
  16.     $.get("scripts/cargar-paises.php", function(resultado){
  17.         if(resultado == false)
  18.         {
  19.             alert("Error");
  20.         }
  21.         else
  22.         {
  23.             $('#pais').append(resultado);           
  24.         }
  25.     }); 
  26. }
  27. function dependencia_estado()
  28. {
  29.     var code = $("#pais").val();
  30.     $.get("scripts/dependencia-estado.php", { code: code },
  31.         function(resultado)
  32.         {
  33.             if(resultado == false)
  34.             {
  35.                 alert("Error");
  36.             }
  37.             else
  38.             {
  39.                 $("#estado").attr("disabled",false);
  40.                 document.getElementById("estado").options.length=1;
  41.                 $('#estado').append(resultado);         
  42.             }
  43.         }
  44.  
  45.     );
  46. }
  47.  
  48. function dependencia_ciudad()
  49. {
  50.     var code = $("#estado").val();
  51.     $.get("scripts/dependencia-ciudades.php?", { code: code }, function(resultado){
  52.         if(resultado == false)
  53.         {
  54.             alert("Error");
  55.         }
  56.         else
  57.         {
  58.             $("#ciudad").attr("disabled",false);
  59.             document.getElementById("ciudad").options.length=1;
  60.             $('#ciudad').append(resultado);         
  61.         }
  62.     }); 
  63.     
  64. }
  65. </script>
  66. <style type="text/css">
  67. dt{font-size:200%;}
  68. dd{font-size:150%;}
  69. </style>
  70. <title>Combobox dependientes de Pa&iacute;s, Estado y Ciudad con PHP, MySQL, jQuery y un poco de AJAX</title>
  71. </head>
  72.  
  73. <body>
  74. <h1>&nbsp;</h1>
  75. <dl>
  76. <dt>&nbsp;</dt>
  77.   <dd>Vehiculo:</dd>
  78. <dd>
  79.         <select id="pais" name="pais">
  80.             <option value="0">Selecciona Uno...</option>
  81.         </select>
  82.     </dd>
  83.  
  84.     <dd>Servicio:</dd>
  85.     <dd>
  86.         <select id="estado" name="estado">
  87.             <option value="0">Selecciona Uno...</option>
  88.         </select>
  89.     </dd>
  90.  
  91.     <dd>Precio:</dd>
  92.     <dd>
  93.         <select id="ciudad" name="ciudad">
  94.             <option value="0">Selecciona Uno...</option>
  95.         </select>
  96.     </dd>
  97. </dl>
  98. </body>
  99. </html>



Consulta Ciudad:


Código PHP: 
Ver original
  1. <?php
  2. include("clases/class.mysql.php");
  3. include("clases/class.combos.php");
  4. $ciudades = new selects();
  5. $ciudades->code = $_GET["code"];
  6. $ciudades = $ciudades->cargarCiudades();
  7. foreach($ciudades as $key=>$value)
  8. {
  9.         echo "<option value=\"$key\">$value</option>";
  10. }
  11. ?>


Consulta BD:


Código PHP: 
Ver original
  1. <?php
  2.  
  3. class selects extends MySQL
  4. {
  5.     var $code = "";
  6.     
  7.     function cargarPaises()
  8.     {
  9.         $consulta = parent::consulta("SELECT Name,Code FROM country ORDER BY Name ASC");
  10.         $num_total_registros = parent::num_rows($consulta);
  11.         if($num_total_registros>0)
  12.         {
  13.             $paises = array();
  14.             while($pais = parent::fetch_assoc($consulta))
  15.             {
  16.                 $code = $pais["Code"];
  17.                 $name = $pais["Name"];              
  18.                 $paises[$code]=$name;
  19.             }
  20.             return $paises;
  21.         }
  22.         else
  23.         {
  24.             return false;
  25.         }
  26.     }
  27.     function cargarEstados()
  28.     {
  29.         $consulta = parent::consulta("SELECT Name FROM province WHERE Country = '".$this->code."'");
  30.         $num_total_registros = parent::num_rows($consulta);
  31.         if($num_total_registros>0)
  32.         {
  33.             $estados = array();
  34.             while($estado = parent::fetch_assoc($consulta))
  35.             {
  36.                 $name = $estado["Name"];                
  37.                 $estados[$name]=$name;
  38.             }
  39.             return $estados;
  40.         }
  41.         else
  42.         {
  43.             return false;
  44.         }
  45.     }
  46.         
  47.     function cargarCiudades()
  48.     {
  49.         $consulta = parent::consulta("SELECT Name FROM city WHERE Province = '".$this->code."'");
  50.         $num_total_registros = parent::num_rows($consulta);
  51.         if($num_total_registros>0)
  52.         {
  53.             $ciudades = array();
  54.             while($ciudad = parent::fetch_assoc($consulta))
  55.             {
  56.                 $name = $ciudad["Name"];                
  57.                 $ciudades[$name]=$name;
  58.             }
  59.             return $ciudades;
  60.         }
  61.         else
  62.         {
  63.             return false;
  64.         }
  65.     }       
  66. }
  67. ?>

Entonces aqui en la ultima consulta a ciudad, deberia de llamar a este combo, directamente la ciudad y no brindar la opcion de seleccionarla.

Espero haber explicado todo correctamente. Cabe aclarar que mis conocimientos son de principiante. Y estare agradecido de cualquier ayuda.

Muchas gracias.