struts 태그 라이브러리 - 선택 태그

Question

드롭 다운 목록이 있습니다. 사용자가 드롭 다운 목록을 클릭하면 목록의 처음 4 개 항목과 스크롤 막대가 표시되어 사용자가 스크롤하여 목록의 나머지 항목을 볼 수 있습니다.

아래 드롭 다운 목록 샘플 피들을 찾으십시오. 사용자가 드롭 다운 목록, 옵션 1, 옵션 2, 옵션 3, 옵션 4를 클릭 할 때 피들에 표시된 것과 같은 방법으로 스크롤 막대를 스크롤하고 목록의 나머지 옵션을 볼 수 있습니다. 편집을 할

<select> 
 
    <option value="one">Option 1</option> 
 
    <option value="two">Option 2</option> 
 
    <option value="three">Option 3</option> 
 
    <option value="four">Option 4</option> 
 
    <option value="five">Option 5</option> 
 
    <option value="siz">Option 6</option> 
 
    <option value="seven">Option 7</option> 
 
    <option value="eight">Option 8</option> 
 
</select>

--- ---

위의 코드는 IE에서 작동하지 않습니다. IE에서는 스크롤바가 보이지만 드롭 다운 목록에서 항목을 선택하면 경고 상자가 표시되고 오류 메시지가 나타나고 드롭 다운 목록에서 날짜를 선택할 수 없습니다. 디버깅을 시도했지만 개발자 도구를 사용하여 오류가 있는지 확인했지만 오류는 표시되지 않았습니다.

Internet Explorer가 작동을 멈췄습니다. 프로그램이 제대로 작동하지 않게되었습니다. 프로그램을 닫으십시오.

Answer 1

동적으로 돌아갈 선택 클릭에 대한 목록과 onchange/onblur 이벤트 핸들러를 확장 할 onmousedown를 사용할 수 있습니다

<select onmousedown="if (this.options.length > 4) this.size = 4;" onchange="this.size = 0;" onblur="this.size = 0;"> 
 
    <option value="one">Option 1</option> 
 
    <option value="two">Option 2</option> 
 
    <option value="three">Option 3</option> 
 
    <option value="four">Option 4</option> 
 
    <option value="five">Option 5</option> 
 
    <option value="siz">Option 6</option> 
 
    <option value="seven">Option 7</option> 
 
    <option value="eight">Option 8</option> 
 
</select>