Y a-t-il un nombre maximum d'options (valeurs) dans le contrôle déroulant HTML ?

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

Question

Est-ce que quelqu'un sait combien d'options une liste déroulante peut avoir ?Est-ce illimité ?Combien avant que les performances ne se dégradent ?

Était-ce utile?

La solution

Est-ce que quelqu'un sait combien d'options une liste déroulante peut avoir ?Est-ce illimité ?

J'imagine que c'est illimité en théorie, mais évidemment pas en pratique, car la RAM d'un ordinateur et les limitations spécifiques du navigateur entrent en jeu.

Combien avant que les performances ne se dégradent ?

Encore une fois, cela dépend de quelques facteurs, au moins du navigateur spécifique, de la mémoire et de la puissance de traitement de l'ordinateur.

MODIFIER:Par expérience, j'ai eu des listes déroulantes avec des milliers d'options.Ce n’était cependant pas idéal, car qui veut faire défiler tout cela ?C'est pourquoi un certain type de saisie semi-automatique est plus souhaitable pour de nombreuses raisons, notamment l'expérience de l'utilisateur final.

Autres conseils

Mise à jour:Basé sur DannyG, testé sur Ubuntu avec Firefox sur un PC de 4 Go de mémoire, la limite était bien au-delà de 10 000 balises.Mon Firefox actuel est configuré pour utiliser jusqu'à 3 Go et il a atteint 100 000 options, mais pour cela, vous devrez modifier la configuration par défaut du navigateur, je suppose.

Nous avons choisi d'utiliser une saisie semi-automatique Ajax en remplacement dans tous les cas où plus de 30 options étaient proposées.

Firefox et Chrome sont limités à 10 000 options dans Windows 64b avec 4 Go de RAM sur la configuration par défaut.

Testé avec 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);
    }
});

Salutations,

J'en ai utilisé environ 500 dans une liste sans impact notable sur les performances si cela peut aider !

D'après mon expérience, la dégradation des performances est généralement du côté de l'utilisateur, ma règle d'or (appris quelque part) est de sept options, à peu près quelques-unes.

Sur une base plus liée au logiciel, probablement la gamme supérieure d'Integer.

MODIFIER:BTW C'est un peu pertinent de Atwood

Oui, le maximum pour Chrome et Safari est de 10 000 éléments pour select éléments au moins.

Les lignes pertinentes de la source Chrome peuvent être trouvées ici :Maximum défini de 10 000, Code qui applique la limite et place l'erreur dans la console

Firefox ne semble avoir aucune limite pratique d'après mes tests.

En théorie, il n’y a pas de limite, mais certains navigateurs implémentent des limites.(Similaire à l'utilisation document.write dans une boucle infinie.)

Mais, en fin de compte, le maximum que je recommanderais dans une liste déroulante est d’environ 50, simplement parce que personne ne veut faire autant de défilement.Cela dit, s'ils sont organisés, par exemple par ordre alphabétique, il peut être approprié d'avoir jusqu'à 200 éléments dans une liste déroulante.(Comme pour un formulaire d'inscription où vous devez sélectionner votre pays de naissance.)

De plus, lorsque vous disposez de nombreux choix d’ensembles différents, une liste déroulante est généralement la meilleure option, quelle que soit la solution.

Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow
scroll top