JavaScript/DOM/Document/forms/elements/options/defaultSelected

Aus SELFHTML-Wiki
< JavaScript‎ | DOM‎ | Document‎ | forms‎ | elements‎ | options
Wechseln zu: Navigation, Suche

Die Eigenschaft options.defaultSelected speichert, ob bzw. dass eine Auswahlmöglichkeit vorausgewählt ist. Mögliche Werte sind true oder false.

Beispiel 
<html>
<head>
  <title>Test</title>
  <script>
    function AuswahlReset () {
      for (i = 0; i < document.Testform.Auswahl.length; i++)
        if (document.Testform.Auswahl.options[i].defaultSelected == true)
          document.Testform.Auswahl.options[i].selected = true;
    }
  </script>
</head>

<body>
  <form name="Testform" action="">
     <select name="Auswahl" size="8">
       <option>Augsburg</option>
       <option>Berlin</option>
       <option>Chemnitz</option>
       <option>Dortmund</option>
       <option selected>Essen</option>
       <option>Frankfurt</option>
       <option>Giessen</option>
       <option>Hamburg</option>
     </select>
     <br>
     <input type="button" value="Auswahl Reset" onclick="AuswahlReset()">
   </form>
</body>
</html>

Das Beispiel enthält ein Formular mit einer Auswahlliste und einem Button. Bei der Auswahlliste wird bei der HTML-Definition ein Eintrag mit selected als Vorauswahl eingestellt. Der Anwender kann natürlich einen anderen Eintrag auswählen. Wenn er jedoch auf den Button mit der Aufschrift "Auswahl Reset" klickt, wird der Originalzustand wiederhergestellt. Dazu wird beim Anklicken des Buttons die Funktion AuswahlReset() aufgerufen. Diese Funktion ermittelt in einer for-Schleife für alle Auswahlmöglichkeiten der Auswahlliste, ob es sich um die Vorauswahl handelt (if(document.Testform.Auswahl.options[i].defaultSelected == true)).

Denn die Vorauswahl ist zu diesem Zeitpunkt durchaus noch gespeichert, auch wenn der Anwender mittlerweile einen anderen Eintrag ausgewählt hat. Wenn die voreingestellte Auswahl gefunden ist, wird die aktuelle Auswahl auf den Indexwert der Vorauswahl gesetzt (document.Testform.Auswahl.options[i].selected = true). Dadurch wird der Originalzustand wiederhergestellt.

Abgerufen von „http://wiki.selfhtml.org/index.php?title=JavaScript/DOM/Document/forms/elements/options/defaultSelected&oldid=55519“