FireFox: Menu nel form

[GoldEmish]

Ciao,
ho notato con rammarico una cosa... spero sia un mio errore:

ho fatto 2 menu in un form, del tipo select:
<select><option>...

in pratica in base al 1° menu si popola il 2° menu usando uno script js.

Il problema è che quando si va a seleziona il 2° menu il campo si allarga. E continua ad allargarsi per ogni successiva selezione.

Se invece riselezione un altro campo dal 1° menu, allora torna di dimensione normale. Ma poi, si ripropone il problema.
Cosa può essere?
Grazie

[pierofix]

Ho provato chiedere consulenza all'amico del cugino del fratello dello zio della sorella della cugina dell'amica del nonno della sorella della cugina di un mio cugino di secondo grado.

Mi ha risposto: vediamo il codice!

[GoldEmish]

<script..>
var facoltadb = new Object()
facoltadb["agraria"] = [{value:"1", text:"Biotecnologie agrarie"},{value:"2", text:"Paesaggio, parchi e giardini"},{value:"3", text:"Scienze e tecnologie agrarie"}];
facoltadb["economia"] = [{value:"10", text:"Economia aziendale"},{value:"11", text:"Economia e commercio"}];
facoltadb["farmacia"] = [{value:"13", text:"Chimica e tecnologia farmaceutiche"},{value:"14", text:"Farmacia"},{value:"15", text:"Informazione scientifica sul farmaco"}];
....
....
function setCorso(chooser) {
    var newElem;
    var where = (navigator.appName == "Microsoft Internet Explorer") ? -1 : null;
    var sceltaCorso = chooser.form.elements["corso"];
    while (sceltaCorso.options.length) {
        sceltaCorso.remove(0);
    }
    var choice = chooser.options[chooser.selectedIndex].value;
    var db = facoltadb[choice];
    newElem = document.createElement("option");
    newElem.text = "Seleziona Corso";
    newElem.value = "";
    sceltaCorso.add(newElem, where);
    if (choice != "") {
        for (var i = 0; i < db.length; i++) {
            newElem = document.createElement("option");
            newElem.text = db[i].text;
            newElem.value = db[i].text;
            sceltaCorso.add(newElem, where);
        }
    }
}
</script>
...


<select name="facolta" onchange="setCorso(this)">
<option value="" selected>Seleziona Facoltà</option>
<option value="agraria">Agraria</option>
<option value="economia">Economia</option>
<option value="farmacia">Farmacia</option>
</select>

<select name"corso">
<option value="" selected></option>
</select>

[pierofix]

Mmm, mi pare tu abbia utilizzato il DOM a dovere, quindi forse non è un problema di standard. Prova a chiedere se ci sono intoppi nell'algoritmo giù nel forum di Scripting.

[GoldEmish]

il DOM? cosa vuol dire?

meglio aspettare che me lo sposti un moderatore sennò poi mi dicono che posto la stessa cosa su + forum

[pierofix]

Originariamente inviato da GoldEmish
il DOM? cosa vuol dire?

Adesso non vorrei uscire dall'argomento, ma lo script lo hai scritto tu?

[GoldEmish]

no, l'ho trovato da qualche parte...
l'ho modificato e per funzionare funziona bene,
ha solo questo problema. Per altro solo su Firefox, non con IE

[pierofix]

Prova a costruire quella porzione di form in altro modo:

<label for="facolta">Seleziona Facolt&agrave;</label> 
<select id="facolta" name="facolta" onchange="setCorso(this)">
   <option value="agraria">Agraria</option>
   <option value="economia">Economia</option>
   <option value="farmacia">Farmacia</option>
</select>

[GoldEmish]

Ok, provo.
Ma calcola che il select che si allarga è il 2° quello dei corsi.

[pierofix]

Ah, il secondo. Bè, prova a scriverlo così:

<label for="corso">Seleziona corso</label>
<select id="corso" name="corso"></select>

Se hai ancora problemi - sto andando a naso - probabilmente questi sono dati dal fatto che stai generando contenuto con javascript, quindi il comportamento del browser potrebbe essere un po' pazzerello.

P.S. Questo errore è di trascrizione?

<select name"corso">