HTML 드롭 다운 컨트롤에 최대 개수의 옵션 (값)이 있습니까?

Question

드롭 다운 목록에서 가질 수있는 옵션의 수를 아는 사람이 있습니까? 그것은 무제한입니까? 성능이 저하되기 전에 몇 개입니까?

Answer 1

드롭 다운 목록의 옵션 수를 아는 사람이 있습니까? 그것은 무제한입니까?

이론 상으로는 무제한입니다. 분명히 실제로 컴퓨터의 RAM과 특정 브라우저의 한계가 작용한다고 생각합니다.

성능이 저하되기 전에 얼마나 남았습니까?

다시 말하면, 이는 특정 브라우저, 컴퓨터의 메모리 및 처리 능력에 따라 달라질 수 있습니다.

---

편집 : 경험에 비추어 볼 때 수천 가지 옵션이있는 목록을 드롭 다운했습니다. 이상적인 것은 아니 었습니다. 왜냐하면 누가 그 모든 것을 스크롤하기를 원했기 때문입니까? 이러한 이유로 특정 유형의 자동 완성이 여러 가지 이유로 특히 최종 사용자의 경험에 바람직합니다.

Answer 2

나는 도움이된다면 눈에 띄는 성능 영향없이 목록에서 약 500 개를 사용했습니다!

Answer 3

내 경험에 따르면 성능 저하는 일반적으로 사용자 측면에서 발생합니다. 내 골든 규칙 (어딘가에서 배우는)은 7 가지 옵션을 제공하거나 사용합니다.

더 많은 SW 관련 기초에서, 아마도 Integer의 상위 범위 일 것입니다.

편집 : BTW이 종류의 관련 Atwood

Answer 4

Update에서입니다 : 4 기가 바이트의 MEM PC에서 파이어 폭스와 우분투에서 테스트 DannyG에 기초하여, 제한이 훨씬 넘어 10,000 태그이었다. 현재 사용중인 Firefox는 최대 3GB까지 사용하도록 설정되어 있지만 100K 옵션에 도달했습니다.하지만이를 위해서는 기본 브라우저 구성을 변경해야합니다.

30 개 이상의 옵션이있는 모든 경우에 Ajax 자동 완성을 대체로 사용하기로했습니다.

기본 설정에서 Firefox 및 Chrome 모두 Windows 64b에서 10k 옵션으로 제한되며 4GB RAM이 기본 설정되어 있습니다.

가 JSFiddle와 http://jsfiddle.net/Mare6/

HTML을 테스트 :

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

자바 스크립트

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

감사합니다, 이론적으로

Answer 5

을,이 제한은 없지만, 일부 브라우저의 한계를 구현한다 . (무한 루프에서 document.write을 사용하는 것과 비슷합니다.)

그러나 마지막 날 드롭 다운 목록에서 내가 추천하는 대부분은 아무도 할 일이 없기 때문에 약 50 개입니다. 그만큼 스크롤. 즉, 알파벳순으로 정리하면 드롭 다운 목록에 최대 200 개의 항목을 포함하는 것이 적절할 수 있습니다.(생년월일을 선택해야하는 가입 양식과 같습니다.)

또한 다양한 설정 옵션이있는 경우 일반적으로 드롭 다운 목록이 가장 적합합니다.

Answer 6

예, Chrome 및 Safari의 최대 값은 적어도 select 개 요소의 경우 10000 개입니다.

크롬 소스의 관련 라인은 여기에서 찾을 수 있습니다 : Defined max of 10000, Code that enforces limit and puts error in console

파이어 폭스 내 테스트에서 실제적인 제한이없는 것 같다.