HTML DOM 선택 selectedIndex 속성
개체 선택 정의 및 사용
selectedIndex의 속성 세트 또는 선택한 옵션의 드롭 다운 목록의 인덱스 번호를 반환합니다.
참고 : 복수 선택이 허용되는 경우에만 선택한 옵션의 첫 번째 인덱스 번호를 반환합니다.
문법
selectedIndex의 속성 설정 :
selectObject.selectedIndex=integer
위로 selectedIndex의 특성 :
selectObject.selectedIndex
브라우저 지원
모든 주요 브라우저는 selectedIndex의 속성을 지원
예
예
하기 실시 예는 선택된 옵션의 인덱스 번호를 제안한다 :
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>本教程(w3big.com)</title>
<script>
function displayResult(){
var x=document.getElementById("mySelect").selectedIndex;
var y=document.getElementById("mySelect").options;
alert("索引: " + y[x].index + " is " + y[x].text);
}
</script>
</head>
<body>
<form>
选择你最喜欢的水果:
<select id="mySelect">
<option>Apple</option>
<option>Orange</option>
<option>Pineapple</option>
<option>Banana</option>
</select>
</form>
<button type="button" onclick="displayResult()">显示索引</button>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>本教程(w3big.com)</title>
<script>
function displayResult(){
var x=document.getElementById("mySelect").selectedIndex;
var y=document.getElementById("mySelect").options;
alert("索引: " + y[x].index + " is " + y[x].text);
}
</script>
</head>
<body>
<form>
选择你最喜欢的水果:
<select id="mySelect">
<option>Apple</option>
<option>Orange</option>
<option>Pineapple</option>
<option>Banana</option>
</select>
</form>
<button type="button" onclick="displayResult()">显示索引</button>
</body>
</html>
»시도
개체 선택