¿Hay un número máximo de opciones (valores) en el control desplegable HTML?

Question

¿Alguien sabe cuántas opciones puede tener una lista desplegable? ¿Es ilimitado? ¿Cuántos antes del rendimiento se degrada?

Answer 1

¿Alguien sabe cuántas opciones puede tener una lista desplegable? ¿Es ilimitado?

Imagino que es ilimitado en teoría, obviamente no en la práctica como RAM de una computadora y las limitaciones específicas del navegador entran en juego.

¿Cuántos antes del rendimiento se degrada?

De nuevo, esto dependerá de algunos factores, al menos el navegador específico, la memoria de la computadora y la potencia de procesamiento.

---

EDITAR: Desde la experiencia, he tenido listas desplegables con miles de opciones. Aunque no fue ideal porque ¿quién quiere desplazarse por todos esos? Esta es la razón por la cual un autocompletado de algún tipo es más deseable por numerosas razones, especialmente la experiencia del usuario final.

Answer 2

¡He usado alrededor de 500 en una lista sin impacto notable en el rendimiento si eso ayuda!

Answer 3

En mi experiencia, la degradación del rendimiento generalmente está del lado del usuario, mi regla de oro (aprendida en algún lugar) es siete opciones, más o menos.

En una base más relacionada con SW, probablemente el rango superior de entero.

EDIT: BTW Esto es un poco relevante de Atwood

Answer 4

Actualización: Basado en DannyG, probado en Ubuntu con Firefox en un PC mem 4 GB, límite era mucho más allá de las etiquetas 10k. Mi Firefox actual está configurado para usar hasta 3GB y ha alcanzado las 100k opciones, pero para eso, supongo que tendrías que cambiar la configuración predeterminada del navegador.

Optamos por utilizar un autocompletado Ajax como reemplazo en todos los casos en que se hayan dado más de 30 opciones.

Tanto Firefox como Chrome están limitados a las opciones de 10k en Windows 64b con 4 GB de RAM en la configuración predeterminada.

probado con 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); 
    } 
}); 

Saludos,

Answer 5

En teoría, no hay límite, pero algunos navegadores implementará límites . (Similar al uso de document.write en un bucle infinito)

Pero, al final del día, lo máximo que recomendaría en una lista desplegable, es de aproximadamente 50, simplemente porque nadie quiere hacer tanto desplazamiento. Dicho esto, si está organizado, por orden alfabético, puede ser apropiado tener hasta 200 elementos en una lista desplegable.(Al igual que para un formulario de inscripción donde debe seleccionar su país de nacimiento).

Además, cuando tiene muchas opciones de configuración diferentes, una lista desplegable es normalmente la mejor opción, independientemente.

Answer 6

Sí, el máximo para Chrome y Safari es de 10000 elementos para select elementos como mínimo.

Las líneas relevantes en la fuente de cromo se puede encontrar aquí: Defined max of 10000, Code that enforces limit and puts error in console

Firefox parece no tener límite práctico de mis pruebas.