Select dependiente php y mysql y ajax

Nico0601 · #1 (**permalink**) 21/02/2013, 12:37

Buenas gente, recurro a uds porque tengo un problema con los datos que me arroja el ultimo select.
Estoy haciendo 4 select dependientes de Codigo postal, localidad, provincia y seccional. Hasta provincia voy bien pero la seccional me la devuelve mal.
Les paso el codigo para que vean a ver si me pueden ayudar porque hace dias que llevo con esto y no puedo resolverlo.
Gracias
Este es el formulario

Código PHP:

 
<div class="label"><label><strong>Código Postal </strong>*</label>

                    <select id="cp_nombre">

                        <option value="">Codigo Postal</option>

                            <?php while($r=mysql_fetch_array($cp)){

                            echo "<option value = ".$r['id'].">".$r['cod_post']."</option>";} ?>

                    </select> 

                </div>

                <div class="label"><label><strong>Localidad </strong>*</label>

                    <select id="localidad" disabled="disabled"></select>

                    <img id="imglocalidad" style="display: none;" src="imagenes/loading.gif" alt="Cargando" />

                </div>

                <div class="label"><label><strong>Provincia </strong>*</label>

                    <select id="provincia" disabled="disabled"></select>

                    <img id="imgprovincia" style="display: none;" src="imagenes/loading.gif" alt="Cargando" />

                </div>

                <div class="label"><label><strong>Seccional </strong>*</label>

                    <select id="seccional" disabled="disabled"></select>

                <img id="imgseccional" style="display: none;" src="imagenes/loading.gif" alt="Cargando" />

                </div>

Este es el ajax

Código:

$(document).ready(function(){
        $("#cp_nombre").change(function(){
			$("#localidad").empty().attr("disabled","disabled");
            $("#provincia").empty().attr("disabled","disabled");
            $("#seccional").empty().attr("disabled","disabled");
            if($(this).val()!=""){
                var dato=$(this).val();
                $("#imglocalidad").show();
                $.ajax({
                    type:"POST",
                    dataType:"html",
                    url:"action.php",
                    data:"id="+dato+"&tarea=listLocalidad",
                    success:function(msg){
                        $("#localidad").removeAttr("disabled").append(msg);
                        $("#imglocalidad").hide();
                    }
                });
            }else{
                $("#localidad").empty().attr("disabled","disabled");
                $("#provincia").empty().attr("disabled","disabled");
            }
        });
        $("#localidad").change(function(){			
            if($(this).val()!=""){
                var dato=$(this).val();
                $("#imgprovincia").show();
                $.ajax({
                    type:"POST",
                    dataType:"html",
                    url:"action.php",
                    data:"prov_id="+dato+"&tarea=listProvincia",
                    success:function(msg){                        
                        $("#provincia").empty().removeAttr("disabled").append(msg);
                        $("#imgprovincia").hide();
                    }
                });
            }else{
                $("#provincia").empty().attr("disabled","disabled");
            }
        });
        $("#provincia").change(function(){			
            if($(this).val()!=""){
                var dato=$(this).val();
                $("#imgseccional").show();
                $.ajax({
                    type:"POST",
                    dataType:"html",
                    url:"action.php",
                    data:"sec_id="+dato+"&tarea=listSeccional",
                    success:function(msg){                        
                        $("#seccional").empty().removeAttr("disabled").append(msg);
                        $("#imgseccional").hide();
                    }
                });
            }else{
                $("#seccional").empty().attr("disabled","disabled");
            }
        });
    });

Y aca hago las consultas para llenar los select.

Código PHP:

  <?php

include("configuracion.inc.php");

$link=conectar($bd_host,$bd_usuario,$bd_pwd,$bd_nombre);

 
 
function getLocalidad(){

  global $link;

  $sql="select * from cp where id=".$_POST["id"];

  $result=mysql_query($sql,$link);

  $resp="";

  if($result){

    if(mysql_num_rows($result)>0){

        $resp.="<option value=''>- Seleccione Localidad -</option>";

        while($r=mysql_fetch_object($result)){

          $resp.="<option value='".$r->provincia."'>".$r->localidad."</option>";

            }

    }else $resp.="<option value=''>- Seleccione Localidad -</option>";

    }else $resp="ERROR";

    echo $resp;

}

 
function getProvincias(){

    global $link;

    $sql="select * from provincias where prov_id=".$_POST["prov_id"];

    $result=mysql_query($sql,$link);

    $resp="";

    if($result){

        if(mysql_num_rows($result)>0){            

            $resp.="<option value=''>- Seleccione Provincia -</option>";

            while($r=mysql_fetch_object($result)){

                //$resp.="$r->idprovincia".$r->nombre_ciudad."";

                $resp.="<option value='".$r->prov_id."'>".$r->prov_nombre."</option>";

            }

        }else $resp="<option value=''>- Seleccione Provincia -</option>";

    }else $resp="ERROR";

    echo $resp;

}

function getSeccional(){

    global $link;

    $sql="select * from seccionales where sec_id=".$_POST["sec_id"];

    $result=mysql_query($sql,$link);

    $resp="";

    if($result){

        if(mysql_num_rows($result)>0){            

            $resp.="<option value=''>Seleccione Seccional</option>";

            while($r=mysql_fetch_object($result)){

                $resp.="<option value='".$r->sec_id."'>".$r->sec_nombre."</option>";

            }

        }else $resp="<option value=''>Seleccione Seccional</option>";

    }else $resp="ERROR";

    echo $resp;

}

if($_POST)

{

    switch($_POST["tarea"]){

        case "listLocalidad":getLocalidad();

                break;

        case "listProvincia":getProvincias();

                break;

        case "listSeccional":getSeccional();

                break;

    }

    

}

 
 
?>

La tabla cp tiene id,cod_post,localidad,provincia,seccional
la tabla provincias tiene prov_id,prov_nombre
y la tabla seccionales tiene sec_id,sec_nombre

Gracias

loncho_rojas · #2 (**permalink**) 21/02/2013, 13:03

crees que es un problema de Ajax o de PHP, o es la estructura de tu BD? Php no creo que sea a menos que le estes pasando con el AJAX un parámetro no válido y este no es el foro adecuado para poder solucionarte el problema... pidele al ADMIN que te cambie a AJAX JQUERY seguro ellos al toque te hallan la falla... con el icono del triabgulo rojo de warning puedes pedir el cambio de foro. En el reporte solo pones para cambiar de foro.

Nico0601 · #3 (**permalink**) 21/02/2013, 13:18

Hola, tengo la duda de AJAX o PHP, la base esta bien porque me trae bien todos los valores hasta que llego a la seccional que me tira otra que no corresponde. Intento cambiar a AJAX a ver si me dan una mano ahi.

rottenp4nx · #4 (**permalink**) 21/02/2013, 15:00

No veo ningun error en la parte de ajax

trata de mandar un alert() con los datos que te llegan

Saludos

Ilidam · #5 (**permalink**) 20/03/2013, 17:04

Hola nico0106 que tal te fue con tu problema lo pudiste resolver??

Nico0601 · #6 (**permalink**) 21/03/2013, 07:17

Hola Ilidam, todavia no. Segui con otra cosa asi no me trabo en esto......Soy nuevo en php y tengo algo complejo para hacer asi que sigo con otras cosas.

Ilidam · #7 (**permalink**) 21/03/2013, 13:59

Código HTML:

Ver originalHola nuevamente pues yo lo hice de una forma totalmente distinta sin jquery aunque aun ando en busca de esa solucion mira te dejo un ejemplo kisa te siva todos los registros los tengo en una sola tabla  ejemplo
 
1.php
<?php error_reporting(E_ERROR); ?>
<?
require('config.php');
require('include/conexion.php');
?>
<title>BUSQUEDA</title>
<style type="text/css">
 
html {  background-image: url(images/glowcolor.png); }
#Layer3 {
    background-color: rgba(54, 206, 240, 0.5);
-moz-border-radius: 1em;
-webkit-border-radius: 1em;
border-radius: 1em;
 
        background-position: center;
    width:600px;
 
 
}
</style>
 
<script language="javascript">
    function myChangeHandler() {
        this.options[this.selectedIndex].value;
        this.form.submit();
}
</script>
<div id="Layer3">
 
 
             <form id="1" name="1" method="post" action="2.php">
       <fieldset><legend><h2><font face="calibri" color="#FFFFFF">APLICACION POR VEHICULOS</font> </h2></legend>
           <br>
 
      <?php
    $sql = "Select DISTINCT marca from vehiculo order by marca";
    $result = mysql_query( $sql);
?>
        <font face="calibri" color="#FFFFFF">&nbsp; MARCA </font> <select name="marca" id="marca" onchange="myChangeHandler.apply(this)">
          <option>------------------SELECCIONA------------------</option>
<?php    while ( $row = mysql_fetch_array($result) ) {?>
    <option style='text-transform: uppercase'> <?php echo $row[0];?>  </option>
        <?php } ?>
</select>
<br><br>
  </fieldset> </form> </div> 
 
 
 
 
.....en el segundo archivo   2.php
 
<?php error_reporting(E_ERROR); ?>
<?
require('config.php');
require('include/conexion.php');
?>
<title>BUSQUEDA</title>
<style type="text/css">
 
html {  background-image: url(images/glowcolor.png); }
#Layer3 {
    background-color: rgba(54, 206, 240, 0.5);
-moz-border-radius: 1em;
-webkit-border-radius: 1em;
border-radius: 1em;
 
        background-position: center;
    width:600px;
 
 
}
</style>
 
<script language="javascript">
    function myChangeHandler() {
        this.options[this.selectedIndex].value;
        this.form.submit();
}
</script>
 
<div id="Layer3">
 
    <form id="1" name="1" method="post" action="3.php">
      <fieldset><legend><h2><font face="calibri" color="#FFFFFF">APLICACION POR VEHICULOS</font> </h2></legend>
           <br>
 
<div id="marca">
 
 
 <?php
  $marca=$_POST['marca'];
   ?>
         <font face="calibri" color="#FFFFFF">&nbsp;&nbsp; MARCA </font> <select name="marca" id="marca">
           <option><? echo $marca; ?></option>
          <option>------------------SELECCIONA------------------</option>
 
</select>
         </div>
 
<br>
 
<div id="modelo">
          <?php
           $modelo=$_POST['marca'];
           $sql = "Select DISTINCT vehiculo.modelo from vehiculo where marca='$modelo' order by modelo";
    $result = mysql_query( $sql);
?>
         <font face="calibri" color="#FFFFFF">&nbsp;MODELO </font> <select name="modelo" onchange="myChangeHandler.apply(this)">
          <option>------------------SELECCIONA------------------</option>
<?php    while ( $row = mysql_fetch_array($result) ) {?>
    <option style='text-transform: uppercase'> <?php echo $row[0];?>  </option>
        <?php } ?>
</select>
   </div>
        <br><br>
 
 
  </fieldset> </form> </div>
 
 
y asi sucesivamente de acuerdo a los selectes k requieras saludos de esa forma funciona bien aunque con jqury o ajax se veria mucho mejor espero te sirva saludos