Ciao a tutti,
ho un form con due menu a tendina che sono collegati tra di loro da una function js (fatta la scelta sul primo menu, sul secondo menu compaiono le relative voci).

Compilando tutto il form e premendo il tasto invia vado ad una pag di conferma dati;se clicco back del browser mi compare il primo menu compilato mentre il secondo vuoto.
Praticamente devo ricompilare i due menu (devo selezionare un'altra voce sul primo menu e questa operazione mi sblocca il secondo).

C'è un modo per ovviare a questo inconveniente?
Di seguito la function:


function setProf(chooser) {
var professiondb = new Object()
professiondb["professione1"] = [{value:"valore1", text:"testo1"},
];
professiondb["professione2"] = [{value:"valore1", text:"testo1"},
{value:"valore2", text:"testo2"}];

var newElem;
var where = (navigator.appName == "Microsoft Internet Explorer") ? -1 : null;
var profChooser = chooser.form.elements["sceltamenu2"];
while (profChooser.options.length) {
profChooser.remove(0);
}
var choice = chooser.options[chooser.selectedIndex].value;
var db = professiondb[choice];
newElem = document.createElement("option");
newElem.text = "Seleziona una scelta menu2:";
newElem.value = "";
profChooser.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].value;
profChooser.add(newElem, where);

}
}
}