Select 2 niveles en html

[Literman]

Hola a todos, pido ayuda con urgencia.

Necesito hacer un combo dependiente (2 niveles), utilizando Ajax+PHP+Mysql, que se muestren en un archivo .html (no .php) y que el 2do select muestra también un grupo de registros. Dejo una muestra gráfica, estoy seguro que viéndolo se darán una mejor idea.

Se agradecerá toda información que me ayude a desarrollar esta aplicación.

Saludos.

[Literman]

Ayudaaaaa!!!! por favor!

[xfxstudios]

no estoy seguro si has utilizado ajax o no, pero serial algo mas o menos asi:

Código PHP:

<!--donde se va a mostrar el select-->
<div id="selectB"></div>
 

el ajax

Código Javascript:

function segundoSelect(X){
$.ajax({
 
    url: 'consulta.php?cat=X,
    type: 'get',
    success: function (dat) {
    dato = eval('(' + dat + ')');
 
/*Inicializamos la variable*/                           
var sale = "";
 
/*Cargamos el inicio del select*/
sale = '<select name="">';
 
/*Recorremos el json que llega desde php y creamos l as opciones del select*/
for(i=0; i < dato.length; i++)
{
 sale += '<option value="'+dato[i]+'">'+dato[i]+'</option>';
};
 
/*Cerramos el Select*/
sale += '</select>';
 
/*Lo mostramos en el div*/
$("#selectB").html = sale;
 
    }
});
 
}
 

La X es la variable, el valor o lo que le estes pasando a la funcion desde el primer select para que este realice la consulta al php.

Aquí un ejemplo: https://jsfiddle.net/613Lo9s1/ (claro en el ejemplo carga la data desde un array, pero es válido para la respuesta de php

[Literman]

Bravazo, si funciona xfxstudios, pero como haría para ponerle otra lista dependiente? así como en la imagen lo necesito. Apoyamee!!!

[PIRRUMAN]

seria replicar lo mismo del primero

en esta parte cambiarla

Código Javascript:

sale = '<select name="" onchange="tercerSelect()">';
 

[Reedyseth]

Iniciado por PIRRUMAN

seria replicar lo mismo del primero

en esta parte cambiarla

Código Javascript:

sale = '<select name="" onchange="tercerSelect()">';
 

La cuestión aquí es por que utilizas métodos de javscript inline cuando ya tienes todos los eventos normalizados con jQuery incluido el evento 'change' ?