select 개체의 선택된 Option의 인덱스(index)를 반환하거나 설정한다.

인수

: (속성 정수값)

속성값은 select개체의 선택된 Option의 인덱스(index)를 나타내는 정수값이다.

이 속성은 읽기/쓰기이며 디폴트값은 없다.

특기

select 개체의 Option들은 태그가 나오는 순서대로 인덱싱되어 제일 먼저 것이 index 0이다. selectedIndex 속성을 유효안 값으로 설정하면 즉시 select 개체가 업데이트되어 디스플레이된다.

select 개체가 선택된 항목이 없으면 selectedIndex 속성은 -1을 반환한다. selectedIndex 속성을 설정하면 기존 선택항목의 선택은 제거되고 업데이트된다.

selectedIndex 속성은 select 개체에서 multiple 애트리뷰트가 지정되지 않은 상태에서 한번에 한개만을 선택하는데 아주 유용하게 사용된다. select 개체에서 multiple 애트리뷰트가 지정되면, selectedIndex 속성은 선택된 항목 중의 제일 먼저 것의 인덱스 만을 반환한다.

selected 속성은 multiple 애트리뷰트가 설정되어 select 개체들에서 여러항목 중 한개이상을 선택하는데 유용하다. selected 속성으로 select 개체의 개별 항목이 선택되어 있는가를 점검하면 된다. 또한 한 항목을 선택했을 때 이미 선택되었던 selected 속성이 제거되지 않으므로 여러개를 한번에 선택할 수 있다.

적용

개체	script	HTML	규격	IE

참고

이 속성은 (영문) W3C DOM Level 1(Document Object Model)에서 정의되었다.

<SCRIPT>
function showResult(obj){
  str='obj.selectedIndex='+obj.selectedIndex+'<BR>';
  str+='obj.options[obj.selectedIndex]='+obj.options[obj.selectedIndex]+'<BR>';
  str+='obj.options[obj.selectedIndex].value='+obj.options[obj.selectedIndex].value+'<BR>';
  str+='obj.options[obj.selectedIndex].text='+obj.options[obj.selectedIndex].text+'<BR>';
  str+='obj.options.multiple='+obj.options.multiple+'<BR>';
  showA.innerHTML=str;
}
</SCRIPT>
<SELECT onchange="showResult(this)">
<OPTION value="../object/jsList.html">개체 목록의 주소</OPTION>
<OPTION value="../property/jsList.html">속성 목록의 주소</OPTION>
<OPTION value="../method/jsList.html">메서드 목록의 주소</OPTION>
</SELECT>
<DIV id=showA>결과 표시창</DIV>