problema paso de variables de Ajax a php

mager3 · #1 (**permalink**) 03/07/2012, 11:35

Buenos dias, soy nuevo en ajax, desde internet vi un tutorial para crear listas dependientes donde el usuario selecciona un departamento y de acuerdo a ello carga una lista con los municipios de dicho departamento... PERO NO logro que carguen los municipios, no se si estoy omitiendo algun caracter o algo....

Codigo de convocatoria.php

Cita:

<?php
include ("conexion.php");
include ("calendario/calendario.php");
?>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Registro Hoja de vida</title>
<script language="JavaScript" src="calendario/javascripts.js"></script>
<link rel="STYLESHEET" type="text/css" href="calendario/estilo.css">
<style type="text/css">

</style>
</head>

<script>
//Hacer que funcione con varios 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("txtdepartamento").v alue;
var url="municipios.php?valor="+valor+"&r="+aleatorio;
peticion.open("GET",url,true);
peticion.onreadystatechange =respuestaAjaxpro;
peticion.setRequestHeader('Content-Type','aplication/x-www-form-urlencoded');
peticion.send(null);
}

function respuestaAjaxpro(){

if(peticion.readyState==4){
if (peticion.status==200){
document.getElementById("txtmunicipio").innerHTML= peticion.responseText;
}else{
alert("ha ocurrido un error"+peticion.statusText);
}
}
}
</script>

<?php
$estado=mysql_query("select * from estado_civil");
?>
<body>
<div align="center" class="Estilo2">
<p>CREAR HOJA DE VIDA</p>
<p> </p>
</div>
<form enctype="application/x-www-form-urlencoded" id="fcalen" name="fcalen" method="post" action="">
<table width="647" border="1">
<tr>
<td colspan="2"><div align="center"><span class="Estilo1">Información personal</span></div></td>
</tr>
<tr>
<td colspan="2"><div align="center" class="Estilo1"></div></td>
</tr>
<tr>
<td width="271">Nombre :</td>
<td width="360"><label>
<input name="txtnombre" type="text" id="txtnombre" size="60" />
</label></td>
</tr>
<tr>
<td>Apellidos :</td>
<td><input name="txtnombre2" type="text" id="txtnombre2" size="60" /></td>
</tr>
<tr>
<td>Cedula cuidadania :</td>
<td><input name="txtnombre3" type="text" id="txtnombre3" size="30" /></td>
</tr>
<tr>
<td>Lugar de Nacimiento :</td>
<td><label>
<div id="txtdepartamento" style="width:150; float:left">
<select name="txtdepartamento" id="txtdepartamento" onchange="llamarAjaxGETpro()">
<option>Seleccione depart.</option>
<?php
$re=mysql_query("select * from departamentos");
while($f=mysql_fetch_array($re)){
echo'<option value="'.$f['id_dep'].'">'.$f['descrip_dep'].'</option>';
}
?>
</select>
</div>
<div id="txtmunicipio" style="width:150; float:left">
<select disabled="disable">
<option> Seleccione municipio</option>
</select>
</div>
</label></td>
</tr>
<tr>
<td>fecha de Nacimiento :</td>
<td> <?php
escribe_formulario_fecha_vacio("fecha1","fcalen"); // Cargo el Calendario en el formulario
?> </td>
</tr>
<tr>
<td>Dirección :</td>
<td><input name="txtnombre5" type="text" id="txtnombre5" size="60" /></td>
</tr>
<tr>
<td>Estado civil :</td>
<td><label>
<select name="list_estado" id="list_estado">
<?php
while ($f=mysql_fetch_array($estado)) // Con este arreglo lleno la lista /Menu con los valores de la tabla tipo_usuario
{
echo'<option value='.$f[id_estado].'>'.$f[descrip_estado].'</option>';
}
?>
</select>
</label></td>
</tr>
<tr>
<td>Teléfonos :</td>
<td><input name="txtnombre6" type="text" id="txtnombre6" size="60" /></td>
</tr>
<tr>
<td>Correo Electrónico:</td>
<td><input name="txtnombre7" type="text" id="txtnombre7" size="60" /></td>
</tr>
<tr>
<td><p>Cuenta Skype :</p></td>
<td><input name="txtnombre8" type="text" id="txtnombre8" size="60" /></td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td colspan="2"><p class="Estilo3">PERFIL PROFESIONAL (Experiencia en años, actividades concretar realizadas, área o sector de desempeño)</p></td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td colspan="2"><p align="center" class="Estilo4">ESTUDIOS REALIZADOS</p></td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td colspan="2"><p class="Estilo5">SECUNDARIA</p></td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td>Institución :</td>
<td> </td>
</tr>
<tr>
<td>Programa :</td>
<td> </td>
</tr>
<tr>
<td>Duración :</td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</table>
</form>
<p> </p>
</body>
</html>

y este es el codigo de municipios.php

Código PHP:

  <?php 
include "conexion.php"; 
$valor=$_GET['valor']; 
//echo $valor; 
$re=mysql_query("select * from municipios where id_muni='$valor' "); 
echo'<select id="txtmunicipio" >'; 
echo'<option >Seleccione Municipio</option>'; 
while($f=mysql_fetch_array($re)){ 
 echo'<option value="'.$f['id_muni'].'">'.$f['descrip_muni'].'</option>'; 
  } 
  echo'</select>'; 
 ?>

Me cargan sin problemas los departamentos pero no los municipios, no se si hay algun problema con la variabel 'valor' o que puede ser?

johhan16 · #2 (**permalink**) 03/07/2012, 12:14

bueno lo primero es ir testeando para ver donde esta el problema

en municipios.php te recomiendo que le asignes manualmente un departamento y lo llames desde el navegador directamente a ver si te muestra los municipios correctos si lo hace eso esta bien

por otra parte te recomiendo que uses de prueba Firfox con FireBug para que compruebes que todos los elementos de javascript funcionen bien y que envia bien la variable

nos avisas

mager3 · #3 (**permalink**) 03/07/2012, 13:13

johhan16, segui tu consejo, en municipios.php asigne manualmente un codigo de municipio e invoque municipios.php y efectivamente me carga el municipio que demarque manualmente, el problema es en convocatoria.php por si me pueden ayudar.. llevo dos dias revisando y no he podido hasta el momento

vicram10 · #4 (**permalink**) 03/07/2012, 13:21

en que momento le llamas a "respuestaAjaxpro()"

darkporn · #5 (**permalink**) 03/07/2012, 13:27

creo que tienes un espacio

valor=document.getElementById("txtdepartamento").v alue;

vESPACIOalue..

puede ser eso

/***********1531**************/
tambien tienes
<div id="txtmunicipio" style="width:150; float:left">
<select disabled="disable"> <-- te falta la D final disabled="disabled"

? por que tienes un select disabled si nunca lo pones enabled?, nunca vas a selecccionar nada.
/* 1534*/
nah me di cuenta que despues en el Ajax lo traes sin disabled.

pero estas tratando de meter un elemento en otro y tienen el mismo nombre
deberias
- dejar solo los OPTION y quitarle el disabled a txtmunicipio
- quitar el txtmunicipio y devolver lo que tienes,

mager3 · #6 (**permalink**) 05/07/2012, 09:39

Muchas gracias por las respuestas, ya lo solucione, encontre un codigo que me soluciono el problema en 20 minutos , desisti del que les expuse.....

lo encontre aca: http://www.drbizarre.net/post/combobox-dependientes-de-pais-estado-y-ciudad-con-php-mysql-jquery-y-un-poco-de-ajax