htmlentities in select

[Proteo33]

Popolando dinamicamente una select,

se uso:
to.options[to.options.length] = new Option("Città");
ottengo
<option>Città</option>

se invece uso:
to.options[to.options.length] = new Option("Citt& agrave;");
ottengo
<option value="1">Citt& amp;agrave;</option>

Come faccio ad ottenere:
<option value="1">Citt& agrave;</option>
???


Un esempio:
http://interno.netsons.org/temp/provaSelect.htm

ho messo uno spazio tra & e agrave per il forum

[artorius]

io, eviterei di usare new Option. Userei:

var opt = document.createElement('option');
opt.value = "Città";
opt.appendChild(document.createTextNode('Citt&amp; agrave;'));

e se questo non funziona:

opt.innerHTML = "Citt&amp;agrave;";

[Proteo33]

Non funziona, ottengo:
<option>Città</option>

Aggiornato l'esempio:
http://interno.netsons.org/temp/provaSelect.htm

[artorius]

veramente a me sembra giusto...

[Proteo33]

Se eseguo il tuo esempio contenuto in:
http://interno.netsons.org/temp/provaSelect.htm
e visualizzo il contenuto generato con Firefox, vedo che la riga generata è:
<option>Città</option>
invece io vogio ottenere:
<option value="1">Citt& agrave;</option>

[artorius]

Veramente, quella che generi col mio metodo è la quarta non la prima...

Comunque, per indicare l'indice fai:

var opt = document.createElement('option');
opt.value = "3";
opt.innerHTML = "Citt&agrave;";

to.appendChild(opt);