HTML DOM 옵션 인덱스 속성
정의 및 사용
속성은 지수 옵션의 인덱스 드롭 다운 목록을 반환합니다.
인덱스는 0에서 시작한다.
문법
인덱스 속성 설정 :
optionObject.index=integer
인덱스 속성을 반환합니다 :
optionObject.index
브라우저 지원
모든 주요 브라우저는 인덱스 속성 지원
예
예
이 예제에서는 선택한 옵션의 드롭 다운 목록의 인덱스 위치를 반환합니다 :
<! DOCTYPE html로>
<HTML>
<헤드>
<메타 문자 집합 = "UTF-8">
<제목>이 튜토리얼 (w3big.com) </ 제목>
<스크립트>
displayResult 함수 () {
VAR X = document.getElementById를을 ( "mySelect") selectedIndex의;
var에 y를 = document.getElementById를을 ( "mySelect") 옵션;
경고 ( "인덱스 :"+ Y [X]있는 .index + + Y [X]는 .text "입니다");
}
</ 스크립트>
</ 헤드>
<바디>
<양식>
좋아하는 과일을 선택합니다 :
<선택 한 id = "mySelect">
<옵션> 애플 </ 옵션>
<옵션> 오렌지 </ 옵션>
<옵션> 파인애플 </ 옵션>
<옵션> 바나나 </ 옵션>
</ 선택>
</ FORM>
<버튼 유형 = "버튼"onclick을 = "displayResult ()"> 디스플레이 지수 </ 버튼>
</ BODY>
</ HTML>
<HTML>
<헤드>
<메타 문자 집합 = "UTF-8">
<제목>이 튜토리얼 (w3big.com) </ 제목>
<스크립트>
displayResult 함수 () {
VAR X = document.getElementById를을 ( "mySelect") selectedIndex의;
var에 y를 = document.getElementById를을 ( "mySelect") 옵션;
경고 ( "인덱스 :"+ Y [X]있는 .index + + Y [X]는 .text "입니다");
}
</ 스크립트>
</ 헤드>
<바디>
<양식>
좋아하는 과일을 선택합니다 :
<선택 한 id = "mySelect">
<옵션> 애플 </ 옵션>
<옵션> 오렌지 </ 옵션>
<옵션> 파인애플 </ 옵션>
<옵션> 바나나 </ 옵션>
</ 선택>
</ FORM>
<버튼 유형 = "버튼"onclick을 = "displayResult ()"> 디스플레이 지수 </ 버튼>
</ BODY>
</ HTML>
»시도
옵션 개체