Gibt es eine maximale Anzahl von Optionen (Werten) im HTML-Dropdown-Steuerelement?

StackOverflow https://stackoverflow.com/questions/42763

Frage

Weiß jemand, wie viele Optionen eine Dropdown-Liste haben kann?Ist es unbegrenzt?Wie viele, bevor die Leistung nachlässt?

War es hilfreich?

Lösung

Weiß jemand, wie viele Optionen eine Dropdown-Liste haben kann?Ist es unbegrenzt?

Ich kann mir vorstellen, dass es theoretisch unbegrenzt ist, in der Praxis jedoch offensichtlich nicht, da der Arbeitsspeicher eines Computers und die Einschränkungen des jeweiligen Browsers eine Rolle spielen.

Wie viele, bevor die Leistung nachlässt?

Auch dies hängt wiederum von einigen Faktoren ab, zumindest vom jeweiligen Browser, dem Arbeitsspeicher und der Rechenleistung des Computers.

BEARBEITEN:Aus Erfahrung hatte ich Dropdown-Listen mit Tausenden von Optionen.Es war jedoch nicht ideal, denn wer möchte schon durch all das scrollen?Aus diesem Grund ist eine automatische Vervollständigung aus zahlreichen Gründen wünschenswerter, insbesondere aus Gründen der Erfahrung des Endbenutzers.

Andere Tipps

Aktualisieren:Basierend auf DannyG, getestet unter Ubuntu mit Firefox auf einem 4-GB-Speicher-PC, lag die Grenze weit über 10.000 Tags.Mein aktueller Firefox ist auf die Nutzung von bis zu 3 GB eingestellt und hat 100.000 Optionen erreicht, aber dafür müssten Sie vermutlich die Standardkonfiguration des Browsers ändern.

Wir haben uns in allen Fällen, in denen mehr als 30 Optionen zur Verfügung standen, für die Verwendung einer Ajax-Autovervollständigung als Ersatz entschieden.

Sowohl Firefox als auch Chrome sind in der Standardkonfiguration auf 10.000 Optionen in Windows 64b mit 4 GB RAM beschränkt.

Getestet mit JSFiddlehttp://jsfiddle.net/Mare6/

HTML:

<a>Testing Select</a>
<select id="list"></select>

Javascript

window.onLoad = function() {
    for (var i=0; i<10000; i++) {
        var name = "Option "+i;
        var sel = document.getElementById("list");
        sel.options[sel.options.length] = new Option(name,i);
    }
});

Grüße,

Ich habe ungefähr 500 in einer Liste ohne nennenswerte Auswirkungen auf die Leistung verwendet, falls das hilft!

Nach meiner Erfahrung liegt der Leistungsabfall im Allgemeinen auf Seiten des Benutzers. Meine goldene Regel (die ich irgendwo gelernt habe) sind sieben Optionen, mehr oder weniger ein paar.

Auf einer eher SW-bezogenen Basis wahrscheinlich der obere Bereich von Integer.

BEARBEITEN:Übrigens ist das irgendwie relevant Atwood

Ja, das Maximum für Chrome und Safari beträgt 10.000 Artikel select Elemente zumindest.

Die relevanten Zeilen in der Chrome-Quelle finden Sie hier:Definiertes Maximum von 10.000, Code, der das Limit erzwingt und einen Fehler in die Konsole einfügt

Meinen Tests zufolge scheint Firefox keine praktische Grenze zu haben.

Theoretisch gibt es keine Begrenzung, aber einige Browser implementieren Beschränkungen.(Ähnlich wie bei der Verwendung document.write in einer Endlosschleife.)

Aber am Ende des Tages würde ich in einer Dropdown-Liste höchstens etwa 50 empfehlen, nur weil niemand so viel scrollen möchte.Bei einer Organisation, beispielsweise in alphabetischer Reihenfolge, kann es jedoch sinnvoll sein, bis zu 200 Elemente in einer Dropdown-Liste zu haben.(Zum Beispiel ein Anmeldeformular, bei dem Sie Ihr Geburtsland auswählen müssen.)

Auch wenn Sie viele verschiedene Set-Auswahlmöglichkeiten haben, ist eine Dropdown-Liste normalerweise die beste Option.

Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow
scroll top