Tại sao addEventListener vào phần tử 'select' không hoạt động trong JavaScript?

Thay vào đó, hãy sử dụng querySelector () cùng với addEventListener ().

Ví dụ

Sau đây là mã -

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<link rel="stylesheet"
href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<body>
   <select id="selectDemo">
      <option value="Java">Java</option>
      <option value="Javascript">Javascript</option>
      <option value="MySQL">MySQL</option>
      <option value="MongoDB">MongoDB</option>
   </select>
</body>
<script>
   document.querySelector('#selectDemo').addEventListener('change', subjectMarks);
   function subjectMarks() {
      console.log(58);
   }
</script>
</html>

Để chạy chương trình trên, hãy lưu tên tệp anyName.html (index.html) và nhấp chuột phải vào tệp. Chọn tùy chọn “Mở bằng máy chủ trực tiếp” trong trình chỉnh sửa Mã VS.