combos dependientes en php y ajax

[kahb89]

estoy realizando unos combos dependientes y para esto tome lguno eje plos de ajax los adapte mas estos no kieren mostrar ningun como cargardo en la bd y no me permite mostrar ningun select, si alguien pudiese ayudarme lo agradeceria... soy nueva en esto de ajax y no le encuentro una solucion

Código PHP:

  <?php 
$conexion=mysql_connect("localhost","root","123456")  
  or die("Problemas en la conexion"); 
$database= mysql_select_db("inv23",$conexion) or 
  die("Problemas en la seleccion de la base de datos"); 
 
function generaPaises() 
{ 
 
    $consulta=mysql_query("SELECT ID_MARCAS, MARCA FROM marca"); 
 
        // Voy imprimiendo el primer select  
    echo "<select name='marca' id='marca' onChange='cargaContenido(this.id)'>"; 
    echo "<option value='0'>Elige</option>"; 
    while($registro=mysql_fetch_row($consulta)) 
    { 
        echo "<option value='".$registro[0]."'>".$registro[1]."</option>"; 
    } 
    echo "</select>"; 
} 
 
   
mysql_select_db($database, $conexion); 
$query_equipos = "SELECT id_tipoEquipo,descripcion FROM tipo_equipo"; 
$equipos = mysql_query($query_equipos, $conexion) or die(mysql_error()); 
$row_equipo = mysql_fetch_assoc($equipos); 
$totalRows_equipos= mysql_num_rows($equipos); 
 
mysql_select_db($database, $conexion); 
$query_modelo = "SELECT id_modelo,modeloeq FROM MODELO"; 
$modelos = mysql_query($query_modelo, $conexion) or die(mysql_error()); 
$row_modelos = mysql_fetch_assoc($modelos); 
$totalRows_modelo = mysql_num_rows($modelos); 
?>   

en el codigo php llamo a los combos y estos estan en divs... este es el codigo ajax

Código Javascript:

function nuevoAjax()
{ 
    /* Crea el objeto AJAX. Esta funcion es generica para cualquier utilidad de este tipo, por
    lo que se puede copiar tal como esta aqui */
    var xmlhttp=false;
    try
    {
        // Creacion del objeto AJAX para navegadores no IE
        xmlhttp=new ActiveXObject("Msxml2.XMLHTTP");
    }
    catch(e)
    {
        try
        {
            // Creacion del objet AJAX para IE
            xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
        }
        catch(E)
        {
            if (!xmlhttp && typeof XMLHttpRequest!='undefined') xmlhttp=new XMLHttpRequest();
        }
    }
    return xmlhttp; 
}
 
// Declaro los selects que componen el documento HTML. Su atributo ID debe figurar aqui.
var listadoSelects=new Array();
listadoSelects[0]="Marca";
listadoSelects[1]="Modelo";
 
function buscarEnArray(array, dato)
{
    // Retorna el indice de la posicion donde se encuentra el elemento en el array o null si no se encuentra
    var x=0;
    while(array[x])
    {
        if(array[x]==dato) return x;
        x++;
    }
    return null;
}
 
function cargaContenido(idSelectMarca)
{
    // Obtengo la posicion que ocupa el select que debe ser cargado en el array declarado mas arriba
    var posicionSelectModelo=buscarEnArray(listadoSelects, idSelectMarca)+1;
    // Obtengo el select que el usuario modifico
    var selectMarca=document.getElementById(idSelectMarca);
    // Obtengo la opcion que el usuario selecciono
    var opcionSeleccionada=selectMarca.options[selectMarca.selectedIndex].value;
    // Si el usuario eligio la opcion "Elige", no voy al servidor y pongo los selects siguientes en estado "Selecciona opcion..."
    if(opcionSeleccionada==0)
    {
        var x=posicionSelectModelo, selectActual=null;
        // Busco todos los selects siguientes al que inicio el evento onChange y les cambio el estado y deshabilito
        while(listadoSelects[x])
        {
            selectActual=document.getElementById(listadoSelects[x]);
            selectActual.length=0;
            
            var nuevaOpcion=document.createElement("modelo"); nuevaOpcion.value=0; nuevaOpcion.innerHTML="Selecciona Opción...";
            selectActual.appendChild(nuevaOpcion);  selectActual.disabled=true;
            x++;
        }
    }
    // Compruebo que el select modificado no sea el ultimo de la cadena
    else if(idSelectMarca!=listadoSelects[listadoSelects.length-1])
    {
        // Obtengo el elemento del select que debo cargar
        var idSelectModelo=listadoSelects[posicionSelectModelo];
        var selectModelo=document.getElementById(idSelectModelo);
        // Creo el nuevo objeto AJAX y envio al servidor el ID del select a cargar y la opcion seleccionada del select origen
        var ajax=nuevoAjax();
        ajax.open("GET", "select_dependientes_proceso.php?select="+idSelectModelo+"&modeloeq="+opcionSeleccionada, true);
        ajax.onreadystatechange=function() 
        { 
            if (ajax.readyState==1)
            {
                // Mientras carga elimino la opcion "Selecciona Opcion..." y pongo una que dice "Cargando..."
                selectDestino.length=0;
                var nuevaOpcion=document.createElement("modeloeq"); nuevaOpcion.value=0; nuevaOpcion.innerHTML="Cargando...";
                selectModelo.appendChild(nuevaOpcion); selectModelo.disabled=true;  
            }
            if (ajax.readyState==4)
            {
                selectModelo.parentNode.innerHTML=ajax.responseText;
            } 
        }
        ajax.send(null);
    }
}
 

y por ultimo la pagina inter,edia q deberia cargar los combos

Código PHP:

  <?php 
$conexion=mysql_connect("localhost","root","123456")  
  or die("Problemas en la conexion"); 
$database= mysql_select_db("inv23",$conexion) or 
  die("Problemas en la seleccion de la base de datos"); 
 
// Array que vincula los IDs de los selects declarados en el HTML con el nombre de la tabla donde se encuentra su contenido 
$listadoSelects=array( 
"MARCA"=>"marca", 
"modeloeq"=>"modelo" 
); 
 
function validaSelect($selectModelo) 
{ 
    // Se valida que el select enviado via GET exista 
    global $listadoSelects; 
    if(isset($listadoSelects[$selectModelo])) return true; 
    else return false; 
} 
 
function validaOpcion($opcionSeleccionada) 
{ 
    // Se valida que la opcion seleccionada por el usuario en el select tenga un valor numerico 
    if(is_numeric($opcionSeleccionada)) return true; 
    else return false; 
} 
 
$selectMarca=$_GET["MARCA"]; $opcionSeleccionada=$_GET["ID_MARCAS"]; 
 
if(validaSelect($selectModelo) && validaOpcion($opcionSeleccionada)) 
{ 
    $tabla=$listadoSelects[$selectMarca]; 
     
    mysql_select_db($database, $conexion); 
    $query_modelo = "SELECT id_modelo,modeloeq FROM MODELO where marca= ".$tabla; 
    $modelos = mysql_query($query_modelo, $conexion) or die(mysql_error()); 
    $row_modelos = mysql_fetch_assoc($modelos); 
    $totalRows_modelo = mysql_num_rows($modelos); 
   
     
    // Comienzo a imprimir el select 
    echo "<select name='".$selectModelo."' id='".$selectModelo."' onChange='cargaContenido(this.id)'>"; 
    echo "<option value='0'>Elige</option>"; 
    while($registro=mysql_fetch_row($consulta)) 
    { 
        // Convierto los caracteres conflictivos a sus entidades HTML correspondientes para su correcta visualizacion 
        $registro[1]=htmlentities($registro[1]); 
        // Imprimo las opciones del select 
        echo "<option value='".$registro[0]."'>".$registro[1]."</option>"; 
    }             
    echo "</select>"; 
} 
?>   

[Corianito]

eeee todos estais cojiendo el codigo que publique en?? :P jajaja pues haber si me ayudais a sacarme la dudilla, ¿como se recibe los valores de lo que se selecciona?, es decir cuando lo mando a la pagina de comprobarlos para insertar lo seleccionado en la base de datos no tengo ni idea de como recogerlos, ¿tu sabes?

[kahb89]

si bueno en ese caso caso el codigo viene asi:

Código Javascript:

$selectOrigen=$_GET["GET"]; $opcionSeleccionada=$_GET["opcion"];
 

en ese casod eberia ir los campos por los cules relacionas el id....

mi problema esq no carga los combo y aun nose xq

[GatorV]

Tema movido desde PHP a AJAX