SELFHTML wird 30 Jahre alt!
Die Mitgliederversammlung findet am 24.05.2025 um 10:00 statt. Alle Mitglieder und Interessierte sind herzlich eingeladen.
Davor und danach gibt es Gelegenheiten zum gemütlichen Beisammensein. → Veranstaltungs-Ankündigung.
JavaScript/DOM/Document/forms/elements/options/text
Die Eigenschaft options.text speichert den angezeigten Text eines Eintrags in einer Auswahlliste.
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.