Ver Mensaje Individual
  #1 (permalink)  
Antiguo 18/11/2014, 17:56
Avatar de totti026
totti026
 
Fecha de Ingreso: junio-2011
Mensajes: 150
Antigüedad: 13 años, 5 meses
Puntos: 4
Pregunta llenar select con respuesta de json

Hola que tal,

Estoy haciendo un carga automatica de codigos postales..
poniendo el codigo postal se llenan en automatico los demas campos (colonia, municipio y estado)...


Pero el campo colonia me gustaria cambiarlo por un select
ya que como campo (text) tiene todas las colonias separadas por un ";"
pero quisiera que cada colonia se convirtiera en un option dentro de un select.

este es mi script y formulario:

Código HTML:
Ver original
  1. .
  2. .
  3. .
  4.             $(document).ready(function(){  
  5.                
  6.                
  7.                 $("#cp").focusout(function(){
  8.                     $.ajax({
  9.                         url:'alumno.php',
  10.                         type:'POST',
  11.                         dataType:'json',
  12.                         data:{ cp: $('#cp').val() }
  13.                     }).done(function(respuesta){
  14.                         $("#colonia").val(respuesta.colonia);
  15.                         $("#municipio").val(respuesta.municipio);
  16.                         $("#estado").val(respuesta.estado);
  17.                     });
  18.                 });                            
  19.             });
  20.         </script>
  21.                    
  22.     </head>
  23.     <body>
  24.        
  25.         <form>
  26.             <label for="cp">cp:</label>
  27.             <input type="text" id="cp" name="cp" value=""/>
  28.             <label for="colonia">Colonia:</label>
  29.             <input type="text" id="colonia" name="colonia" value=""/>            
  30.             <label for="municipio">Delegacion/Municipio:</label>
  31.             <input type="text" id="municipio" name="municipio" value=""/>
  32.             <label for="estado">Ciudad/Estado:</label>
  33.             <input type="text" id="estado" name="estado" value=""/>
  34.         </form>
  35.     </body>
  36. .
  37. .
  38. .

y este mi PHP
Código PHP:
Ver original
  1. <?php    
  2.     $conexion = new mysqli('localhost','root','','cp',3306);
  3.     mysqli_set_charset($conexion, "utf8");
  4.     $cp = $_POST['cp'];
  5.     $consulta = "SELECT colonia, municipio, estado FROM codigospostales WHERE CodigoPostal = '$cp'";
  6.    
  7.     $result = $conexion->query($consulta);
  8.    
  9.     $respuesta = new stdClass();
  10.     if($result->num_rows > 0){
  11.         $fila = $result->fetch_array();
  12.         $respuesta->colonia = $fila['colonia'];
  13.         $respuesta->municipio = $fila['municipio'];
  14.         $respuesta->estado = $fila['estado'];      
  15.     }
  16.     echo json_encode($respuesta);
  17.  
  18. ?>