JavaScript/DOM/Document/forms/elements/options/text

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

Die Eigenschaft options.text speichert den angezeigten Text eines Eintrags in einer Auswahlliste.


Beispiel ansehen …
 	document.Testform.Auswahl.addEventListener('change', CheckAuswahl);
 
    function CheckAuswahl () {
      if (document.Testform.Auswahl.selectedIndex == 2) {
		document.Testform.Auswahl.options[2].text = 'Dieter Bohlen';
       	document.querySelector('output').innerHTML = 'Sie haben Dieter Bohlen gewählt. Wollen Sie das wirklich?';
        return false;
      }
	  else {
       	document.querySelector('output').innerHTML = 'Treffen Sie eine Auswahl!';		  
      return true;
	  }
    };

Das Beispiel enthält ein Formular mit einer Auswahlliste. Jedes Mal, wenn der Anwender eine Auswahl in der Auswahlliste trifft, wird die Funktion CheckAuswahl() aufgerufen. Die Funktion überprüft, ob der Anwender etwa den Eintrag mit der Indexnummer 2 ausgewählt hat (Haftbefehl). Wenn ja, ändert die Funktion den angezeigten Text dieses Eintrags auf "DieterBohlen". Die Auswahlmöglichkeit bleibt selektiert.