select 앨래맨트의 논리적 선택들의 구룹을 참조한다.

Script [propVal=]formObj...propName;
HTML propName="propVal">innerString
특기

HTML 4.0에서 모든OPTGROUP 엘레멘트들은 SELECT 엘레멘트에 직접적으로 지정해야 하며 구룹들은 네스팅되어서는 안된다.

OPTGROUP 엘레멘트는 같은 윈도우의 SELECT 엘레멘트에만 구룹지울 수 있다.

이 엘레멘트는 블럭모드이다.

이 엘레멘트는 종료태그가 필요하다.

참조

이 개체는 (영문)DOM Level 1(W3C Document Object Model)에 정의되었다.


설명을 위한 예제

앞 형제뒤 형제

disabled 속성 IE (disabled[=true|false]> 애트리뷰트)
⇒ 사용자가 개체에서 작업할 수 있는가를 부울값으로 반환하거나 설정한다.
문법: .disabled[=true|false]
코드: document.write(oObj.disabled); 결과:
label 속성 IE (label="sVal"> 애트리뷰트)
⇒ 선택 구룹의 레이블을 반환하거나 설정한다.
문법: .label[=sVal]
코드: document.write(oObj.label); 결과:

설명을 위한 예제


<SELECT>
<OPTGROUP id=og1Obj label="선택 1 구룹" class=blue>
<OPTION>선택 1-1</OPTION>
<OPTION>선택 1-2</OPTION>
<OPTION selected>선택 1-3</OPTION>
</OPTGROUP>
<OPTGROUP id=og2Obj label="선택 2 구룹">
<OPTION>선택 2-1</OPTION>
<OPTION>선택 2-2</OPTION>
<OPTION>선택 2-3</OPTION>
</OPTGROUP>
</SELECT><BR>
<STYLE>
.redClass{color:red;background-color:#ffffbb;}
.blueClass{color:blue;background-color:#bbffff;}
</STYLE>

<BUTTON onclick="og1Obj.className='redClass';">적색으로 보기</BUTTON>
<BUTTON onclick="og1Obj.className='blueClass';">청색으로 보기</BUTTON>