innerHTML problema con IE7

[lugacio]

Ciao,

stò crendo delle semplici interfaccia javascript per iniziare ad imparare ad usare i DOM...

Ho creato un combo che con il cambiamento dovrebbe popolare un'elenco

function popola_text(){
    var x=document.getElementById("combo").selectedIndex;
    var a=document.getElementById("combo");
    var d=[a.getElementsByTagName("option")[x].value];
    document.getElementById("tenda").innerHTML =lista[d];
    alert(document.getElementById("tenda").innerHTML)
    delete x;
    delete a;
    delete d;
}
var lista= new Array("<option value='o,ciao'>senza nome1-1</option><option value='c,iao'>senza nome1-2</option><option value='ci,ao'>senza nome1-3</option><option value='cia,o'>senza nome1-4</option>",...); 

Il problema è che in Firefox funziona a meraviglia
ma non in IE

L'alert mi posta

senza nome1-1</option><option value='c,iao'>senza nome1-2</option><option value='ci,ao'>senza nome1-3</option><option value='cia,o'>senza nome1-4</option> 

come se tagliasse l'apertura della tag

Qualcuno sa aiutarmi?

[lugacio]

up?

[Xinod]

a occhio quello che vuoi fare sembra la via piu' facile ma e' una forzatura,
non iniettare con innerHTML le option ma creale con createElement e appendile alla select con appendChild (approfondisci nello speciale DOM se non conosci questi metodi)
ciao