JS + Firefox

[Mattex87]

Salve a tutti,
Ho creato uno script che in base alla scelta fatta da una select principale abilita un'altra select secondaria. questo è il codice:

function visual() {
if (document.f1.citta.value=="bologna") { //è stato selezionato Bologna
f1.citta.options[1].selected=true;
f1.quartiere.disabled=false;
f1.paese.disabled=true;
}else if (document.f1.citta.value=="provincia") { //è stato selezionato Provincia di BO
f1.citta.options[2].selected=true;
f1.paese.disabled=false;
f1.quartiere.disabled=true;
}else { // selezionato qualsiasi
f1.citta.options[0].selected=true;
f1.quartiere.disabled=true;
f1.paese.disabled=true;
}
}

Con IE funziona, se scelgo bologna mi abilita la select "quartiere" se scelgo provincia mi abilita la select "paese".
Ho provato con FireFox e non succede niente, non mi abilità nessuna delle select secondarie.. come posso fare per far si che funzioni anche con questo browser?
Ringrazio in anticipo per le risposte

[deleted_110]

a occhio il codice sembra ok

piu' probabile che sia errato l'HTML

forse hai fatto confusione tra attributo name e id,

prova a postare la tua form

[TommyGun]

Su firefox prova ad andare sul menu Strumenti -> console degli errori
e vedi che errore ti da.

[Mattex87]

fatto, mi dice:
"f1 is not defined"

mentre io alla form gli ho dato il nome f1, infatti in IE funziona..
proverò
document.citta
per vedere se va...

dopo 5 min...

funziona! dovevo solo anticipare document ad ogni f1... si vede che in Mozilla è richiesto mentre in IE no.. Potete chiudere!
Grazie per le risposte!