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 :)