Un cordial saludo para todos. Soy nuevo en programacion en php y resulta que tengo un formulario html en el cual hay 3 SELECTS; el 2 y el 3 dependen del 1, entonces quiero implementar ajax para cargar los datos de los selects 2 y 3 y no tener que cargar la pagina cada vez que cambien una opcion del 1. Resulta que lo implemente solo para el select 2, pero cuando trato de integrarlo con el 3 no funciona......cualquier tipo de ayuda se los agardezco
estas son las funciones javascript que estoy utilizando, la primera esta asociada al evento onChanged del select 1 y la segunda al del SELECT 2, lo que he tratado de hacer es que cuando se active el evento del Select 1 llamar implicitamente el del 2 pero no me funciona..noten la linea en comentario
var selectUno;
var selectDos;
function mostrarCuencas(codGranCuen){
selectUno = document.getElementById("cod_gran_cuen");
selectDos = document.getElementById("cod_cuen");
xmlhttp = GetXmlHttpObject();
if (xmlhttp == null){
alert("El navegador no soporta HTTP request");
return;
}
var url="ConsultasAjax/cuencas.php";
url=url+"?codGranCuen="+codGranCuen;
url=url+"&sid="+Math.random();
xmlhttp.open("GET",url,true);
xmlhttp.onreadystatechange=stateChanged;
xmlhttp.send(null);
//mostrarSubCuencas(selectDestino.options[selectDestino.selectedIndex].value);
}
function mostrarSubCuencas(codCuen){
xmlhttp = GetXmlHttpObject();
if (xmlhttp == null){
alert("El navegador no soporta HTTP request");
return;
}
var url="ConsultasAjax/subcuencas.php";
url=url+"?codCuen="+codCuen;
url=url+"&sid="+Math.random();
selectDos = document.getElementById("cod_sub_cuen1");
selectUno = document.getElementById("cod_cuen1");
//alert("prueba2");
xmlhttp.open("GET",url,true);
xmlhttp.onreadystatechange=stateChanged;
xmlhttp.send(null);
}
function stateChanged(){
if(xmlhttp.readystate==1){
selectDos.length=0;
var nuevaOpcion=document.createElement("option");
nuevaOpcion.value=0;
nuevaOpcion.innerHTML="Cargando...";
selectDos.appendChild(nuevaOpcion);
selectDos.disabled=true;
}
if(xmlhttp.readyState==4){
selectDos.parentNode.innerHTML=xmlhttp.responseTex t;
}
}
