Tengo un formulario en el que habrá tres combos. Según lo que se elija en el primer combo se llenarán los otros dos (es decir, el segundo y el tercero son independientes el uno del otro). Para llenar el combo 2 y 3 tengo una función para cada uno, la cual llama a su archivo php correspondiente mediante AJAX.
Mi problema es que no consigo llamar a las dos funciones cuando hago el onChange del <select>. Lo hago de la siguiente manera:
function AjaxDias(datos, result){
divResultado = document.getElementById(result);
ajax=objetoAjax();
ajax.open("GET", "ajax_dias.php?id=" + datos);
ajax.onreadystatechange=function() {
if (ajax.readyState==4) {
divResultado.innerHTML = ajax.responseText
}
}
ajax.send(null)
}
function AjaxHoras(datos, result){
divResultado = document.getElementById(result);
ajax=objetoAjax();
ajax.open("GET", "ajax_horas.php?id=" + datos);
ajax.onreadystatechange=function() {
if (ajax.readyState==4) {
divResultado.innerHTML = ajax.responseText
}
}
ajax.send(null)
}
<select onChange=" AjaxDias(this.value, 'dias'); AjaxHoras(this.value, 'horas') ">
Si en las funciones, en lugar del código AJAX que tengo ahora, les pongo simplemente un alert('Hola'), por poner un ejemplo, sí que me ejecuta las dos, pero con el código AJAX sólo me ejecuta una.
¿Alguna idea de cómo puedo llamar las dos funciones en onChange? Gracias.