Ajax de jquery con problemas de carga

[andres18281]

Hola javascripts...

Tengo el siguiente problema, tengo una carga de skus con tres select multiples,
el problema cuando selecciona el primer select el segundo carga tambien pero aveces cambiando los option suele pasar que no a cargado bien el segundo select, asi pasa tambien con el tercer select, aveces carga aveces no.

Código Javascript:

function escoge_categoria_principal(){
  
            $("#cate_princ option:selected").each(function () {
                    valor=$(this).val();
            });
              $.ajax({
                type:"GET",
                async: true,
                dataType:"html", //este es el tipo de datos que esperas del server
                url:"/proyecto/Vista/select_tip_producto.php",
                data:"valor="+valor,
                beforeSend:function(){
                    console.log("Antes de enviar");
                },
                success:function(data){
                   $("#tipo_producto").html(data);
                }              
             });   
}
 

aqui esta el select_tip_producto.php

Código PHP:

<?php
 require('../Controlador/Consultas.php');
    $item = new Consultas();
    $busca = $_GET['valor'];
 
    $array = $item->consulta_tipo_productos($busca);  
        for($i = 0;$i<count($array);$i++){
            $uno = $array[$i]["codigo"];
            $dos = $array[$i]["nombre"];
            echo '<option value="'.$uno.'">'.$dos.'</option>';
        }
        $item->cerrar_conexion();
    ?>
 

Código Javascript:

function escoge_tipo_producto(){
 
            $("#tipo_producto option:selected").each(function () {
                valor=$(this).val();
             });  
              $.ajax({
                type:"GET",
                async: true,
                dataType:"html", //este es el tipo de datos que esperas del server
                url:"/proyecto/Vista/select_categoria.php",
                data:"valor="+valor,
                beforeSend:function(){
                    console.log("Antes de enviar");
                },
                success:function(data){
                      $("#categoria").html(data);
                
                }               
             });   
   
  }
 

Aqui les dejo el otro select

Código PHP:

<?php
require('../Controlador/Consultas.php');
        $con = new Consultas();
        $busca = $_GET['valor'];
        $row = $con->consulta_categoria($busca);
        for($i = 0;$i<count($row);$i++){
            $codigo = $row[$i]['codigo'];
            $nombre = $row[$i]['nombre'];
            echo '<option value ="'.$codigo.'">'.$nombre.'</option>';
        }
        $con->cerrar_conexion();
 
 
?>
 

La llamada a las consultas estan bien, hice algunas pruebas por ejemplo
localhost/proyecto/Vista/select_categoria.php?value=1111 un ejemplo y muestra las opciones, parece ser el problema el jquery pero segun veo pues con el firebug observo que efectivamente hay una accion como esto en la parte de consola:
/proyecto/Vista/select_categoria.php?valor=3334, en cada cambio de option hay un evento.
Les agradezco la ayuda.