더북(TheBook)

selected 속성

콤보박스는 첫 번째 option 태그의 값이 기본 선택된 상태로 표시되는데, selected 속성을 사용하면 기본 선택 항목을 변경할 수 있습니다. 다음 예제 코드에서는 ‘서초구’의 option 태그에 selected 속성을 사용해서 콤보박스의 기본값으로 서초구가 표시됩니다.

03/06/select&selected.html

<select name="city" id="city">
  <option value="강북구">강북구</option>
  <option value="강남구">강남구</option>
  <option value="서초구" selected>서초구</option>
  <option value="중원구">중원구</option>
  <option value="분당구">분당구</option>
</select>

그림 3-26 실행결과

TIP | 여러 개의 option 태그에 selected 속성을 사용하면 selected 속성이 마지막으로 사용된 option 태그가 기본값으로 선택되어 표시됩니다.

신간 소식 구독하기
뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.