Moer: Dropdown - bei Refresh wird nicht mehr der "Titel" angezeigt

Hallo!
Ich habe auf meiner Webseite ein Javascript-Dropdown-Menü.
Nun gebe ich als Startwert/Übersicht ein Schlagwort an (nicht auswählbar):
<option value="0" selected="selected">Bereich 1</option>

Die einzelnen Seiten folgen (auswählbar):

<option value="/seite1.php">B1 Seite1</option>  
<option value="/seite2.php">B1 Seite2</option>

Zur besseren Lesbarkeit unterteile ich diese Auflistung mit
<option value="0">---</option>

Ist value 0 geschieht somit nichts, bei Klick auf eine Seite wird diese geöffnet. Funktioniert.
Mein Problem ist nun das Aktualisieren per F5 oder dem Symbol (bei Klick in die Adressleiste besteht das Problem nicht!):
Anstelle dem selected Wert ("Bereich 1") springt die Anzeige auf den leeren Wert "---".

Kann man das irgendwie verhindern? Bin für jeden Tipp dankbar!

  1. @@Moer:

    nuqneH

    Ich habe auf meiner Webseite ein Javascript-Dropdown-Menü.

    Als Altenative zu einem ohne JavaScript bedienbaren Menü?

    Nun gebe ich als Startwert/Übersicht ein Schlagwort an (nicht auswählbar):
    <option value="0" selected="selected">Bereich 1</option>

    Nö, das wäre ein Fall für 'http://de.selfhtml.org/html/formulare/auswahl.htm#menuestruktur@title=optgroup'.

    Zur besseren Lesbarkeit unterteile ich diese Auflistung mit
    <option value="0">---</option>

    Das wäre ein Fall für CSS.

    Du schaffst dir Probleme, die du mit sinnvollem Markup gar nicht hättest.

    Qapla'

    --
    Gut sein ist edel. Andere lehren, gut zu sein, ist noch edler. Und einfacher.
    (Mark Twain)