스크롤 할 수있는 드롭 다운 목록

Question

나는 이것을 알아 내려고하고있다. 다음은 샘플 코드입니다

<select> 
<option value="1">1</option> 
<option value="2">2</option> 
<option value="3">3</option> 
<option value="4">4</option> 
<option value="5">5</option> 
<option value="6">6</option> 
<option value="7">7</option> 
<option value="8">8</option> 
</select> 

이 스크롤 가능하게 만드는 방법은 무엇입니까? 3 개의 옵션 만 표시하고 마지막 옵션까지 스크롤 할 수 있으며 여전히 드롭 다운 메뉴를 원한다고 가정 해보십시오. 많은 사람들이 <select>과 함께 제공되는 attr "size"을 사용하도록 제안했습니다. 스크롤 할 수있는 효과는 있지만 마음에있는 것은 아닙니다.

이렇게해도 될까요? 나는이 포럼을 연구 중이며 많은 사람들은 <div> 태그와 스타일 overflow auto을 사용하도록 제안했다. 하지만 스크롤 가능한 드롭 다운 메뉴를 만들 수 있는지 궁금합니다.

미리 감사드립니다.

Answer 1

길이가 길어지면 기본적으로 허용 가능합니다. 나는이 브라우저가 특정 브라우저인지 여부를 모르지만 11/우분투 선택 드롭 다운은 21 번째 항목으로 스크롤 할 수있게됩니다.

Answer 2

보십시오.이 옵션을 선택하면 드롭 다운이 목록 상자가되어 어떤 옵션이 선택되거나 포커스가 제거되면 이전 조건으로 돌아갑니다.

JSFiddle

<select name="select1" onmousedown="if(this.options.length>8){this.size=10;}" onchange='this.size=0;' onblur="this.size=0;"> 
... 
... 
</select>