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:
Ver original
<div id="dep" style="width:200px; float:left"> <select name="id_categoria" id="id_categoria" onchange="llamarAjaxGETpro()"><option>Seleccione Categoria.</option> <?php echo'<option value="'.$row_ConsulCat['id_categoria'].'">'.$row_ConsulCat['nombre_categoria'].'</option>'; } ?></select> </div>
Codigo para la segunda
Código PHP:
Ver original
<?php require_once('Connections/clasi.php'); $valor=$_GET['valor']; $query_ConsulCat = "SELECT * FROM categorias WHERE categorias.IdPadre='$valor' ORDER BY categorias.nombre_categoria"; echo'<select id="IdPadre" >'; echo'<option >seleccione provincia</option>'; 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:
Ver original
<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:
Ver original
AYUDA ESTOY DESESPERADDO