listas dependientes segunda lista no captura valor

[alexperaza]

Hola como estan tengo un problemilla con la creacion de dos listas dependientes una de la otra.
La funcionalidad esta muy bien lo que no esta bien es que la segunda lista no me guarda el valor correspondiente en la base de datos ya que siempre se queda NULL me podrian decir en que estoy fallando? si me pueden ayudar. Muchas gracias

Codigo para la primer lista

Código PHP:

<div id="dep" style="width:200px; float:left">
          <select name="id_categoria" id="id_categoria" onchange="llamarAjaxGETpro()"><option>Seleccione Categoria.</option>
  <?php
  while($row_ConsulCat=mysql_fetch_array($ConsulCat)){
  echo'<option value="'.$row_ConsulCat['id_categoria'].'">'.$row_ConsulCat['nombre_categoria'].'</option>';
  }
  
  ?></select> </div>
 

Codigo para la segunda

Código PHP:

<?php
 require_once('Connections/clasi.php'); 
$valor=$_GET['valor'];
mysql_select_db($database_clasi, $clasi);
$query_ConsulCat = "SELECT * FROM categorias WHERE categorias.IdPadre='$valor' ORDER BY categorias.nombre_categoria";
$ConsulCat = mysql_query($query_ConsulCat, $clasi) or die(mysql_error());
$row_ConsulCat = mysql_fetch_assoc($ConsulCat);
$totalRows_ConsulCat = mysql_num_rows($ConsulCat);
echo'<select id="IdPadre" >';
echo'<option >seleccione provincia</option>';
while($row_ConsulCat=mysql_fetch_array($ConsulCat)){
  echo'<option value="'.$row_ConsulCat['IdPadre'].'">'.$row_ConsulCat['nombre_categoria'].'</option>';
  }
  
echo'</select>';
?>
 

este ultimo esta en un archivo llamado provincia.php

Luego esta el codigo de ajax para asignar el valor a la segunda lista

Código Javascript:

<script>
//hacer que funcione con diferentes navegadores
function requerir(){
    try{
    req=new XMLHttpRequest();
    }catch(err1){
        try{
        req=new ActiveXObject("Microsoft.XMLHTTP");
        }catch(err2){
            try{
            req=new ActiveXObject("Msxml2.XMLHTTP");
            }catch(err3){
            req= false;
            }
        }
    }
return req;
}
 
 
var peticion=requerir();
 
function llamarAjaxGETpro(){
var aleatorio=parseInt(Math.random()*999999999);
valor=document.getElementById("id_categoria").value;
var url="provincia.php?valor="+valor+"&r="+aleatorio;
peticion.open("GET",url,true);
peticion.onreadystatechange =respuestaAjaxpro;
peticion.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
peticion.send(null);
}
 
function llamarAjaxGETdis(){
var aleatorio=parseInt(Math.random()*999999999);
valor=document.getElementById("IdPadre").value;
var url="distrito.php?valor="+valor+"&r="+aleatorio;
peticion.open("GET",url,true);
peticion.onreadystatechange =respuestaAjaxdis;
peticion.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
peticion.send(null);
}
 
function respuestaAjaxpro(){
 
    if(peticion.readyState==4){
        if(peticion.status==200){
        //alert(peticion.responseText);
        document.getElementById("pro").innerHTML=peticion.responseText;
        }else{
        alert("ha ocurrido un error"+peticion.statusText);
        }
    }
}
function respuestaAjaxdis(){
 
    if(peticion.readyState==4){
        if(peticion.status==200){
        //alert(peticion.responseText);
        document.getElementById("dis").innerHTML=peticion.responseText;
        }else{
        alert("ha ocurrido un error"+peticion.statusText);
        }
    }
}
 
</script>
 

y por ultimo el HTML DE LAS LISTAS

Código HTML:

div id="pro" style="width:200px; float:left">
<select name="IdPadre"  disabled="disabled" id="IdPadre"> 
<option>seleccione Subcategoria</option>
</select>
</div>
 

AYUDA ESTOY DESESPERADDO