JavaScript/DOM/Document/forms/elements/options/length

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

Die Eigenschaft options.length speichert die Anzahl der Einträge einer Auswahlliste. Sie können die Anzahl der Einträge sowohl mit document.Formularname.Listenname.length als auch mit document.Formularname.Listenname.options.length bestimmen. Beide Angaben enthalten die gleichen Werte.

Beispiel ansehen …
document.addEventListener('DOMContentLoaded', function () {
 
    var n = document.querySelector('#auswahl').length;
    document.querySelector('output').innerHTML += 'Wählen Sie einen der <b>' + n + '</b> Einträge aus!';

});

Das Beispiel enthält ein Formular mit einer Auswahlliste. Sobald das DOM geladen ist, feuert der DOMContentLoaded-Event und ermittelt mit document.querySelector('#auswahl').length die Anzahl der Elemente der Auswahlliste. Die Anzahl der Auswahlmöglichkeiten der Auswahlliste wird dynamisch in die Datei geschrieben.