Ijs2019medienpartner.jpg

SELFHTML ist in diesem Jahr Medienpartner der IJC.

Für die Konferenz vom 21. – 25. Oktober 2019 in München verlosen wir ein Freiticket.

Weitere Informationen finden sich im SELFHTML-Forum.

JavaScript/DOM/Document/forms/elements/options/selected

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

Die Eigenschaft options.selected speichert, ob oder dass ein bestimmter Eintrag einer Auswahlliste selektiert ist.

  • DOM 1.0
  • JavaScript 1.1
  • IE
  • Firefox
  • Chrome
  • Safari
  • Opera
  • Lesen, Schreiben / Read, Write
Beispiel
<html>
<head>
  <title>Test</title>
  <script>
    function CheckAuswahl () {
      if (document.Testform.Auswahl.options[2].selected == true) {
        alert("Diese Auswahl gilt nicht");
        return false;
      }
      return true;
    }
</script>
</head>
<body>
  <form name="Testform" onsubmit="return CheckAuswahl()" action="">
     <select name="Auswahl" size="5">
       <option>Goethe</option>
       <option>Schiller</option>
       <option>Guildo Horn</option>
       <option>Homer</option>
       <option>Fontane</option>
     </select>
   <br>
   <input type="submit">
</form>
</body>
</html>

Das Beispiel enthält ein Formular mit einer Auswahlliste und einem Submit-Button zum Absenden des Formulars. Beim Absenden wird jedoch über den Event-Handler onsubmit im einleitenden <form>-Tag die Funktion CheckAuswahl() aufgerufen. Das Formular wird nur abgeschickt, wenn diese Funktion den Wert true zurückgibt. Die Funktion überprüft, ob der Anwender etwa auf die Idee gekommen ist, den Eintrag mit der Indexnummer 2 (Guildo Horn) auszuwählen. In diesem Fall wird eine Meldung ausgegeben und es wird false zurückgegeben, wodurch das Formular nicht abgeschickt wird. Der Anwender kann eine neue Auswahl treffen.

Beachten Sie: Die Eigenschaft selected unterscheidet sich von selectedIndex durch die Adressierung des gewünschten Listeneintrags. Ansonsten haben beide Eigenschaften die gleiche Aufgabe.