Utilizar misma función en distintos divs

[Piccolina]

Al escribir la fecha, se llama a la función de AJAX MostrarConsulta que se carga en el div resultado:

Código:

<td>
   <input type="text" onchange="MostrarConsulta(this);" name="fecha" />
   <div id="resultado"></div>  
(...)

Código:

function MostrarConsulta(objeto)
{
	var fecha = objeto.value;
	divResultado = document.getElementById('resultado');
	ajax=objetoAjax();
	ajax.open("POST", 'consulta.php');
	ajax.onreadystatechange=function() {
		if (ajax.readyState==4) {
			divResultado.innerHTML = ajax.responseText
		}
	}
	ajax.setRequestHeader("Content-Type", 
        "application/x-www-form-urlencoded");
	ajax.send('f='+ escape(fecha)); 
}

consulta.php produce un select multiple con los datos.

Todo funciona OK, pero si quiero poner más td con la misma estructura evidentemente no funciona, porque todos los divs tienen el mismo nombre, no creo que tenga que crear X MostrarConsulta para ir cambiando el nombre en cada uno de ellos....

Además ocurre otra cosa, el select multiple que se genera a partir de consulta.php tiene un nombre determinado, tampoco iría bien el tener todos los select con el mismo nombre....

¿Alguna idea? No sé como arreglarlo...

[Adler]

Hola

Se me ocurre que podrías pasarle la id del div como argumente. Algo como esto

<td>
<input type="text" onchange="MostrarConsulta(this,'resultado');" name="fecha" />
<div id="resultado"></div>
(...)

function MostrarConsulta(objeto,contenedor)
{
var fecha = objeto.value;
divResultado = document.getElementById(contenedor);
ajax=objetoAjax();
...

Suerte