JavaScript에서 드롭다운 목록의 value 속성

일반적으로 목록 항목에는 value 속성을 추가합니다. 이 경우, select의 value 속성은 option의 텍스트가 아니라, 해당 항목의 value 속성 값을 포함하게 됩니다.

우리의 select를 수정해 보겠습니다:

html<select id="select">
  <option value="1">one</option>
  <option value="2" selected>two</option>
  <option value="3">three</option>
</select>

이제 선택된 값이 무엇인지 확인해 보겠습니다:

javascriptselect.addEventListener('change', function(){
  console.log(this.value);
});