Combos Dependientes 3 niveles php ajax mysql

[rjulio21]

YO pensaria en hacer algo así:
JAVASCRIPT :

Código Javascript:

$( document ).ready(function(){
    
    $( this ).on('change','[data-hijos=true]',function(){
        idPadre = $( this ).attr('id');
        urlAccion = $("[data-padre="+idPadre+"]").data('accion')
        data = "s-ajax=true&"+idPadre+"="+encodeURIComponent(this.value);
                new jd.ajax({
                    metodo:"POST",
                    url: urlAccion,
                    parametros:data,
                    respuesta:"html",
                    funcionCarga:function(ajax){
                        $("[data-padre="+idPadre+"]").html(this.respuesta);   
                    }
                });
        
    });
});
 

Teniendo en cuenta que el objeto jd.ajax es la simple llamada a ajax que la puedes realizar con tu propio objeto o con $.ajax $.post de jquery. alli lo relevante es que agregues a los campos que son padres el atributo "data-hijos=true" y a cada selector hijo el data-padre=idDelPadre. le agregas un data-accion q tenga como valor la url a la q haras la petición. y por ese lado está listo la parte d javascript. solo te quedaria realizar cada metodo que devuelva los <options> segun la consulta que hagas a base de datos.

Esa lógica es independiente de niveles, por tanto podria servirte para 1 como para 10 niveles de dependencia.