selectedIndex 속성 선택
예시
인덱스가 "2"인 <option> 요소를 선택합니다.
document.getElementById("mySelect").selectedIndex = "2";
정의 및 사용
selectedIndex 속성은 드롭다운 목록에서 선택한 옵션의 인덱스를 설정하거나 반환합니다.
인덱스는 0에서 시작합니다.
참고: 드롭다운 목록에서 여러 항목을 선택할 수 있는 경우 선택한 첫 번째 옵션의 인덱스만 반환됩니다.
참고: 값 "-1"은 모든 옵션(있는 경우)의 선택을 취소합니다.
참고: 옵션을 선택하지 않으면 selectedIndex 속성은 -1을 반환합니다.
브라우저 지원
Property | |||||
---|---|---|---|---|---|
selectedIndex | Yes | Yes | Yes | Yes | Yes |
통사론
selectedIndex 속성을 반환합니다.
selectObject.selectedIndex
selectedIndex 속성을 설정합니다.
selectObject.selectedIndex = number
속성 값
Value | Description |
---|---|
number | Specifies the index of the selected option in a drop-down list |
기술적 세부 사항
반환 값: | 드롭다운 목록에서 선택한 옵션의 인덱스를 나타내는 숫자. 인덱스는 0에서 시작합니다. 옵션을 선택하지 않으면 반환되는 값은 -1입니다. |
---|
더 많은 예
예시
드롭다운 목록에서 선택한 옵션의 색인과 텍스트를 표시합니다.
var x = document.getElementById("mySelect").selectedIndex;
var y = document.getElementById("mySelect").options;
alert("Index: " + y[x].index + " is " + y[x].text);
예시
모든 옵션 선택 취소:
document.getElementById("mySelect").selectedIndex = "-1";
예시
선택된 옵션이 없으면 selectedIndex 속성은 "-1"을 반환합니다.
var x = document.getElementById("mySelect").selectedIndex;
❮ 개체 선택