JavaScript

selectedIndex
  • 조회수 6,116
  • 작성일 2008-07-30
  •  
select 개체의 선택된 Option의 인덱스(index)를 반환하거나 설정합니다.

selectedIndex 속성값은 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 속성이 제거되지 않으므로 여러개를 한번에 선택할 수 있습니다.


[사용 예제]

function setSelectedValue(selObj) {
     if(selObj.selectedIndex > -1) {
        var name   = selObj.options[selObj.selectedIndex].text;
        var userID = selObj.options[selObj.selectedIndex].value;
        document.frm1.userName.value = name;
        document.frm1.userID.value = userID;
     }