Funcion llega hasta un punto y no hace nada

[Japrendo]

Tengo un problema muy extraño. Tengo tres combos dependientes (Combo1 es padre de Combo2 y combo2 es padre de combo 3) y uno independiente y desde este ejecuto una Funcion y funciona bien cuando selecciono el combo 2 o el combo3 pero NO FUNCION con el COMBO1, que puede estar pasando si es el mismo codigo?

Debo mencionar que con COMBO1 entra pero llega a un punto que no pasa nada, lo se por que le he puesto ALERT'S para determinar hasta donde llega.


Dejo la funcion aqui. Gracias por las pistas que me puedan dar.

Código Javascript:

function cargarTablaRamos(url, comboAnterior, element_id){    
    var element =  document.getElementById(element_id);
 
    var valorSOD = document.getElementById("SUCX");  //SOD = Sucursal Oficina Director
    var S = valorSOD.value;    
    
    var valorSOD2 = document.getElementById("OFIX");
    var O = valorSOD2.value;    
 
    var valorSOD3 = document.getElementById("DIRX");
    var D = valorSOD3.value;    
    alert(S+"-"+O+"-"+D);
    //alert(S+"-"+O+"-"+D);
    //if ((S!==0) && ((O===0) || (O===null))){           //si oficina es cero o nulo
       var url = "CargaTablaSucRamo.jsp";
    //} else if ((O!==0)){     //si Oficina es diferente de nulo o cero
    //   var url = "CargaTablaOfiRamo.jsp";
    //} else {
    //   var url = "CatchVar.jsp";
    //}
    
    var valordepende = document.getElementById(comboAnterior);
    var x = valordepende.value;    
    var fragment_url = url+"?id="+x+"&idS="+S+"&idO="+O+"&idD="+D+"&sw=0";
 
    pet5.open("GET", fragment_url); 
    pet5.onreadystatechange = function(){
        if (pet5.readyState === 4){
            //escribimos la respuesta
            element.innerHTML = pet5.responseText;
        } 
    }; 
   pet5.send(null);
}