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

Wer weiß, wie viele Optionen ein drop-down-Liste haben kann? Ist es unbegrenzt? Wie viele, bevor die Leistung beeinträchtigt?

Kommentar zu dem Problem
ich weiß, diese Frage ist schon ziemlich alt, aber für zukünftige Referenz, die ich verwendet habe, wählen Sie mit 30800 Optionen und klappte ganz gut (wenn das php-script gehen nicht aus der Zeit, die zum abrufen der Werte) Kommentarautor: STT LCU
Ein größeres Problem könnte sein, das timeout, wenn eine AJAX Datenbank-Abfrage ist das Auffüllen der Liste. So Leute landen hier, vielleicht wollen Sie auch die Suche auf AJAX-timeouts, wenn dies Ihre situation. Kommentarautor: Scott C Wilson

InformationsquelleAutor der Frage Steve Tranby | 2008-09-03

  1. 20

    Wer weiß, wie viele Optionen ein drop-down-Liste haben kann? Ist es unbegrenzt?

    Ich mir vorstellen, es ist unbegrenzt in der Theorie, die offensichtlich nicht in der Praxis, wie der Arbeitsspeicher eines Computers und der browser an die Grenzen kommen ins Spiel.

    Wie viele, bevor die Leistung beeinträchtigt?

    Wieder, diese würde hängt von einigen Faktoren ab, am wenigsten der browser, das computer-Speicher-und Rechenleistung.

    EDIT: Aus Erfahrung, ich habe drop-down-Listen mit tausenden von Optionen. Es war nicht ideal, aber, weil, wer will, um einen Bildlauf durch alle von denen? Dies ist der Grund, warum eine auto-vervollständigen eines Typs ist wünschenswert, für viele Gründe, vor allem die end-user Erfahrung.

    InformationsquelleAutor der Antwort Jason Bunting

  2. 8

    Update: Basierend auf DannyG, getestet auf Ubuntu mit Firefox auf einem 4 GB-mem-pc-Grenze war weit über 10k tags angeboten. Meine aktuellen Firefox zu verwenden bis zu 3 GB und es erreicht hat, ein 100k-Optionen, aber für das müssten Sie ändern die Standard-config des Browsers denke ich.

    Entschieden wir uns, um verwenden Sie eine Ajax-autocomplete als Ersatz in allen Fällen, dass 30+ Optionen, wo gegeben.

    Firefox und Chrome beschränkt auf 10k-Optionen in Windows 64b mit 4GB ram auf default config.

    Getestet mit JSFiddle
    http://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,

    InformationsquelleAutor der Antwort Katesclau

  3. 6

    Ich verwendet habe, richtig rund 500 in einer Liste mit keinen spürbaren Auswirkungen auf die Leistung, wenn das hilft!

    InformationsquelleAutor der Antwort Ethan Gunderson

  4. 4

    Meiner Erfahrung der Leistungsabfall ist in der Regel auf der Seite des Benutzers, meine goldene Regel (irgendwo gelernt) ist sieben Optionen, geben oder nehmen ein paar.

    Mehr auf SW bezogene Grundlage, die wohl im oberen Bereich von Integer.

    EDIT: BTW, Dies ist eine Art von relevanter aus Atwood

    InformationsquelleAutor der Antwort stjohnroe

  5. 3

    Ja, das maximum für Chrome und Safari ist 10000 Stück für select Elemente zumindest.

    Die relevanten Zeilen in der Chrome Quellcode kann hier gefunden werden:
    Definiert max 10000, Code erzwingt die Grenze und bringt Fehlermeldung in der Konsole

    Firefox scheint keine praktische Begrenzung von meinen Tests.

    InformationsquelleAutor der Antwort Kevin London

  6. 0

    In der Theorie gibt es keine Grenze, aber manche Browser implementieren Grenzen. (Ähnlich wie mit document.write in eine Endlosschleife.)

    Aber am Ende des Tages, die würde ich immer empfehlen in einem drop-down-Liste, über 50, nur weil niemand will zu tun, dass viel scrollen. Das heißt, wenn organisiert, sagen, dass durch die alphabetische Reihenfolge, kann es angemessen sein, haben mehr als 200 Elemente in einem drop-down-Liste. (Wie für einen sign-up-Formular, in dem Sie müssen wählen Sie Ihr Land der Geburt.)

    Auch, wenn Sie haben viele verschiedene set-Auswahl, drop-down-Liste ist in der Regel die beste option, unabhängig.

    InformationsquelleAutor der Antwort Ben

Schreibe einen Kommentar