Select selectedIndex 속성

HTML DOM Select 객체

정의와 사용법

selectedIndex 드롭다운 목록에서 선택된 항목의 인덱스(인덱스)를 설정하거나 반환하는 속성.

인덱스는 0에서 시작합니다.

주석:드롭다운 목록이 다중 선택을 허용하면, 단순히 선택된 첫 번째 항목의 인덱스만 반환합니다.

주석:값 "-1"은 모든 선택을 취소합니다 (가능한 경우).

주석:선택된 항목이 없으면 selectedIndex 속성은 -1을 반환합니다.

다른 참조물:

HTML 참조 매뉴얼:HTML <select> 태그

예제

예제 1

"2" 인덱스의 <option> 요소 선택:

document.getElementById("mySelect").selectedIndex = "2";

본인이 직접 시도해보세요

예제 2

드롭다운 목록에서 선택된 항목의 인덱스와 텍스트를 표시합니다:

var x = document.getElementById("mySelect").selectedIndex;
var y = document.getElementById("mySelect").options;
alert("Index: " + y[x].index + " is " + y[x].text);

본인이 직접 시도해보세요

예제 3

모든 선택을 취소합니다:

document.getElementById("mySelect").selectedIndex = "-1";

본인이 직접 시도해보세요

예제 4

선택된 항목이 없으면 selectedIndex 속성은 "-1"을 반환합니다:

var x = document.getElementById("mySelect").selectedIndex;

본인이 직접 시도해보세요

문법

selectedIndex 속성 반환:

selectObject.selectedIndex

selectedIndex 속성 설정:

selectObject.selectedIndex = number

속성 값

값 설명
number 드롭다운 목록에서 선택된 옵션의 인덱스를 정의합니다（인덱스로 알려짐）.

기술적인 세부 사항

반환 값:

수치는 드롭다운 목록에서 선택된 옵션의 인덱스를 나타냅니다. 인덱스는 0에서 시작합니다.

아무 옵션도 선택하지 않으면, 반환 값은 -1입니다.

브라우저 지원

크롬 에지 파이어폭스 사파리 오페라
크롬 에지 파이어폭스 사파리 오페라
지원 지원 지원 지원 지원

HTML DOM Select 객체