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

select multiple html ejemplo

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?

Me 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?

Una vez más, esto dependerá de algunos factores, al menos el navegador específico, la memoria de la computadora y el poder de procesamiento.

EDITAR: por 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 aproximadamente 500 en una lista sin impacto notable en el rendimiento si eso ayuda!

Answer 3

Actualización: Basado en DannyG, probado en Ubuntu con Firefox en una PC de memoria de 4GB, el límite superaba las 10k etiquetas. 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 dieron 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 4

En mi experiencia, la degradación del rendimiento generalmente está del lado del usuario, mi regla de oro (aprendida en algún lugar) son siete opciones, dar o tomar algunas.

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

EDITAR: Por cierto, esto es algo relevante de Atwood

Answer 5

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

Pero, al final del día, lo máximo que recomendaría en una lista desplegable, es aproximadamente 50, solo 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 elementos select al menos.

Las líneas relevantes en la fuente de Chrome se pueden encontrar aquí: Máx. Definido de 10000 , Código que impone límites y coloca errores en la consola

Parece que Firefox no tiene un límite práctico para mis pruebas.