HTML 드롭 다운에 옵션 목록이 표시되는지 알 수있는 방법

주어진 드롭 다운이 현재 활성화되어 있는지 확인하고 옵션 목록을 표시하는 방법이 있습니까?HTML 드롭 다운에 옵션 목록이 표시되는지 알 수있는 방법

나는 현재 드롭 다운의 mousedown 이벤트에 바인딩되어 있으며 사용자가 클릭 할 때 옵션을 채 웁니다. 불행히도 mousedown 이벤트는 사용자가 옵션을 선택할 때 발생합니다.

드롭 다운에 옵션이 이미 표시되어 있는지 확인할 수 있다면 옵션 채우기를 건너 뛸 수 있습니다. 확인을 대신 사용 : 선택 요소는 편집이

자바 스크립트에서

document.getElementById("mySelectElementId").options.length

JQuery와에

$("#mySelectElementId")[0].options.length

의 옵션이있는 경우

출처

아마도 어리석은 질문입니다. 왜 미리 옵션을 채울 수 없습니까? 작업이 완료되고 사용자가 클릭 할 때 드롭 다운이 열리기를 기대하는 데 시간이 걸릴 수 있습니다. – MvanGeest

드롭 다운은 테이블을 필터링하는 데 사용되며 현재 테이블에있는 값만 표시하려고합니다. 드롭 다운 필터가 여러 개 있기 때문에 각각 다른 열에 해당하므로 필요할 때마다 채워야합니다. –

이 당신을 말할 것이다 mousedown 이벤트가 포커스 이벤트를 사용해보십시오. n select 요소. 또한 사용자가 탭을 사용하여 select 요소를 가져올 때 컨트롤을 올바르게 채울 수 있습니다.

2010-06-15 15:52:41

내 경우에는 드롭 다운에 이미 값이있을 수 있으므로 작동하지 않습니다. 사용자가 드롭 다운을 클릭 할 때마다 옵션이로드됩니다. –

@ 로스 고다드 ... 포커스 이벤트를 마우스 다운 이벤트가 아니라 실제로 사용하려는 것 같군요. –

나는 그것을 시도하고 작동했습니다. –

답변