Problema trabajando con divs y bucles

[Hadesll]

Saludos, estoy programando un script donde al hacer un click sobre varias opciones, se active un evento con un onclick que ejecute la siguiente función, que rellenará una celda de una tabla que contiene un div con varios valores de un array, distinto según la opción que se haya seleccionado.
El problema es que cuando lo intento meter dentro del div con un innerHTML en vez de todo el contenido del array me muestra sólo el último resultado del bucle. He estado probando con document.write() y hecho así se ejecuta correctamente, pero el mismo código dentro del innerHTML no hay manera :) No sé si es por que habrá alguna limitación. Si es así, ¿hay alguna alternativa?

Este es el código de la funcion que estoy usando:

Código:

var array1= new Array(2)
array1[0]="Opcion 1 Array 1";array1[1]="Opcion 1 Array 2";
var array2= new Array(3)
array2[0]="Opcion 2 Array 1";array2[1]="Opcion 2 Array 2";array2[2]="Opcion 3 Array 2";



function cambiasaga(seleccio)
{
	var texto = seleccio.toLowerCase().replace(/ /g,'');
	array = eval(texto);
	var capa = document.getElementById('capalista');
	for(i=0;i<array.length;i++){
	textofinal = "<a href=url.php?j="+eval(texto+"["+i+"]")+">"+eval(texto+"["+i+"]")+"</a><br/>";
	capa.innerHTML=textofinal
	}	
}

/*Y más abajo, para elegir las distintas opciones, con un onclick sobre otro div. He puesto el código del div solo, pero en realidad estan dentro de la celda de una tabla/*

	<div style="cursor:pointer" onclick="cambiasaga(this.innerHTML)" id="Array 1">Array 1</div>
	<div style="cursor:pointer" onclick="cambiasaga(this.innerHTML)" id="Array 2">Array 2</div>
	
/*Y por último este es el div donde quiero hacer aparecer los valores del array/*

<div id="capalista"></div>

Saludos :)

[quimfv]

Código HTML:

var array1= new Array(2)
array1[0]="Opcion 1 Array 1";array1[1]="Opcion 1 Array 2";
var array2= new Array(3)
array2[0]="Opcion 2 Array 1";array2[1]="Opcion 2 Array 2";array2[2]="Opcion 3 Array 2";



function cambiasaga(seleccio)
{
	var texto = seleccio.toLowerCase().replace(/ /g,'');
	array = eval(texto);
	var capa = document.getElementById('capalista');
	for(i=0;i<array.length;i++){
	textofinal = "<a href=url.php?j="+eval(texto+"["+i+"]")+">"+eval(texto+"["+i+"]")+"</a><br/>";
	capa.innerHTML+=textofinal;  //<--- aqui  +=
	}	
}

/*Y más abajo, para elegir las distintas opciones, con un onclick sobre otro div. He puesto el código del div solo, pero en realidad estan dentro de la celda de una tabla/*

	<div style="cursor:pointer" onclick="cambiasaga(this.innerHTML)" id="Array 1">Array 1</div>
	<div style="cursor:pointer" onclick="cambiasaga(this.innerHTML)" id="Array 2">Array 2</div>
	
/*Y por último este es el div donde quiero hacer aparecer los valores del array/*

<div id="capalista"></div> 

Creo que con esto basta!!!

El problema es que lo que hacias en cada vuelta del bucle era substituir todo el contenido de innerHTML...

Con el += lo que hara sera agregar al final del contenido lo que aporte cada vuelta del bucle....

No lo he hecho nunca directamente contra innerHTML ... si no funciona puedes hacerlo con una variable de texto y una vez finalizado el bucle pasas la variable al innerHTML.

Código:

for(i=0;i<array.length;i++){
textofinal += "<a href=url.php?j="+eval(texto+"["+i+"]")+">"+eval(texto+"["+i+"]")+"</a><br/>";
}
capa.innerHTML=textofinal;

Quim

[Hadesll]

Ese era el problema, ya funciona. Muchas gracias.