[SOLUCIONADO] Llmado de dos funciones similares en dos selects distintos

[andvilla07]

Saludos amigos.

Tengo una confusión en algo, primero que todo espero sepan disculparme si posteo mi pregunta en el foro equivocado.

Tengo un formulario donde el usuario dependiendo del select que elija, se muestra en otro select cierta información, hasta alli funciona correctamente, pero necesito que en el mismo form, al seleccionar otro select, se muestre otra información en otro select diferente, para ello utilizo un cógido ajax libre que está en internet:

archivo ajax.js, es llamado en el formulario asi <script src="ajax.js"></script>

Código HTML:

function load(str){
var xmlhttp;

if (window.XMLHttpRequest)  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.onreadystatechange=function()  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)    {
    document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
    }
  }
xmlhttp.open("POST","proc.php",true);
xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
xmlhttp.send("q="+str);
}

En el select tengo:

Código HTML:

<select  onClick="load(this.value)" > 

Hace el proceso en proc.php y funciona ok.

Ahora, no se como diferenciar el llamado en el otro select para la otra función (igual a la mostrada arriba) y que muestre los otros datos. Debo llarmar otro archivo? (<script src="ajax1.js"></script>), debo diferenciar el llamado en <select onClick="load(this.value)" >?

No se si se entiende bien.... espero que si.

Cualquier ayuda... es bienvenida. Muchisimas gracias por la colaboración que puedan brindarme.

[Alexis88]

Ya que la función recibe un valor sin hacer distinción de su procedencia, basta con que invoques a dicha función en el otro combo.

Saludos

[andvilla07]

Gracias Alexis88 por tu comentario, pero me podrias citar como lo debería hacer? es q lo he intentado todo, y no me ha salido, espero puedas colaborarme.

[Alexis88]

Hazlo como te lo digo, es decir, ya tienes un combo en el cual ejecutas una función al darle un clic (que en realidad debería de ser cuando eliges una opción), ahora, crea otro combo y haz lo mismo.

Código HTML:

<!-- Combo 1 -->
<select onchange = "load(this.value)">
</select>
 
<!-- Combo 2 -->
<select onchange = "load(this.value)">
</select>
 

Las funciones están para reutilizarlas, no es necesario escribir una función para cada elemento.

Saludos

[andvilla07]

Creeme que ya he intentado eso, incluso es asi como lo tengo, pero no funciona, al seleccionar el combo 1 funciona bien, pero al seleccionar el combo 2, lo que había mostrado con el combo 1, se oculta, y no muestra lo q deberia mostrar el combo 2. Por eso preguntaba como hago para diferenciar el llamado de la funcion en cada uno de los combos.

Gracias por tu comentario.

[Alexis88]

Si deseas que la respuesta de la primera llamada se siga visualizando, puedes concatenar el nuevo resultado al anterior o mostrarlo en otro elemento.

Código Javascript:

document.getElementById("myDiv").innerHTML += xmlhttp.responseText;
 

Con ese signo + antes del de igualdad, concatenarás el contenido actual del elemento con la nueva respuesta. Ahora que también te conviene concatenar con un salto de línea para que no se muestre todo junto.

Saludos

[andvilla07]

Hola Alexis88, intenté lo que me recomendaste, pero al colcoarle ese + en esa linea, cada vez que doy click en el combo, aparece el resultado que quiero mostrar, es decir, si doy 5 veces click, aparece 5 resultados uno seguido del otro.

[Alexis88]

¿Y qué esperabas que sucediera si se está concatenando lo que ya había con lo nuevo? ¿Quieres que al seleccionar una opción del segundo <select>, se siga visualizando la respuesta del primero y se adhiera la respuesta generada por el segundo o que esta última aparezca en lugar de la primera?

[andvilla07]

No, lo que yo quiero es que al seleccionar un combo, este muestre una información, y al seleccionar el otro combo, este muestre otra información diferente, no concatenada con la otra ni sobreexpuesta, que se muestren las dos. Si me hago entender?

[Alexis88]

La solución es tan sencilla que me cuesta creer que no la hayas imaginado. Si deseas obtener y mostrar dos respuestas distintas y por separado, simplemente apunta la salida de la respuesta hacia dos elementos distintos, por ejemplo, un <div> para la primera respuesta y un segundo <div> para la siguiente. En tu función, veo que tomas al elemento de id 'miDiv', lo que tendrías que hacer es enviar a la función el id de cada <div> y así lo tomarías en la función para asignarle el valor respectivo.

Saludos

[andvilla07]

Nuevamente hola Alexis88, te cuento que lo tengo justo asi como lo dices, un combo se muestra en el div asi

Código HTML:

<div id="myDiv"></div>
 

, en el otro combo tengo

Código HTML:

<div id="myDiv1"></div>
 

, y en cada funcion los llamo con su respectivo id.... pero sucede que al ejecutar el primer combo, funciona bien, mostrando la info respectiva, pero al seleccionar el otro combo, desaparece lo que habia mostrado con el primer combo.

[Lynxcraft]

creo que es sencillo lo único que tienes que ampliar un poquito la función load

Código HTML:

<script>
function load(str,container, phpscript){
var xmlhttp;
 
if (window.XMLHttpRequest)  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.onreadystatechange=function()  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)    {
    document.getElementById(container).innerHTML=xmlhttp.responseText;
    }
  }
xmlhttp.open("POST",phpscript,true);
xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
xmlhttp.send("q="+str);
}
 
</script>
 
<select onchange = "load(this.value,'myDiv','proc.php')">
</select>
<div id="myDiv"></div>
<div id="myDiv1"></div>
 

y en el select dos

Código Javascript:

<select onchange = "load(this.value,'myDiv1','proc.php')"> //he puesto lo de phpscript por si tienes que consultar estos datos en otro php
</select>
 

Saludos

[andvilla07]

Gracias Alexis88 y Lynxcraft por toda su colaboración, muchachos.... son unos duros para la programación, mi programa funciona perfectamente ahora.... Completamente agradecido, peudo decir que es tema solucionado.

[andvilla07]

Saludos de nuevo, se que ya marqué el tema como solucionado, pero no me parecio bien abrir un nuevo tema, asi que lo postearé aqui mismo..... Continúo trabajando sobre los scripts antes mencionados, y funcioanan a la perfeccción, lo que quiero ahora es saber si se puede hacer que el combo2 aparezca sin necesidad de darle clic al combo1, ya que no aparece hasta que no le de clic en el combo1... espero me haya dado a entender.... Mil gracias por la ayuda que logre recibir.