เหตุผลที่ addEventListener ไม่ทำงานกับ element select ใน JavaScript

คำอธิบาย

ควรใช้ querySelector() ร่วมกับ addEventListener() แทนการผูก event โดยตรง

ตัวอย่างโค้ด

<select id="selectDemo">
  <option value="Java">Java</option>
  <option value="Javascript">Javascript</option>
  <option value="MySQL">MySQL</option>
  <option value="MongoDB">MongoDB</option>
</select>

<script>
document.querySelector('#selectDemo').addEventListener('change', subjectMarks);
function subjectMarks() {
  console.log(58);
}
</script>

ผลลัพธ์

เมื่อเลือกค่าใน dropdown จะพิมพ์ 58 ใน console