더북(TheBook)

그림 12-37 실행결과

콤보박스를 선택된 상태로 만드는 방법은 라디오버튼과 비슷합니다. 콤보박스는 기본으로 한 항목만 선택할 수 있으므로 다음 코드처럼 if 문으로 원하는 항목을 선택하게 처리합니다.

12/05/select_set.html

<form>
  (중략)
</form>
<script>
  const optionEls = document.querySelectorAll("option");
  for(let i = 0; i < optionEls.length; i++){
    if(optionEls[i].value === 'banana'){
      optionEls[i].selected = true;
    } 
  }
</script>
신간 소식 구독하기
뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.