<!DOCTYPE html>
<html>
<head>
<title>Sự kiện change của Hàm addEventListener() trong JavaScript</title>
</head>
<body>
<h1>Sự kiện change của Hàm addEventListener() trong JavaScript</h1>
<p>Hàm addEventListener() trong JavaScript dùng để xử lý sự kiện click, change, keyup,... cho các đối tượng HTML.</p>
<p>Sự kiện này thường xử lý khi người dùng chọn một phần tử trong thẻ select:</p>
<select id="tinhthanh">
<option value="Hồ Chí Minh">Hồ Chí Minh</option>
<option value="Đà Nẳng">Đà Nẳng</option>
<option value="Hà Nội">Hà Nội</option>
</select>
<script>
// Lấy đối tượng HTML
var tinhthanh= document.getElementById('tinhthanh');
// dùng tên đối tượng HTML vừa lấy để addEventListener
tinhthanh.addEventListener('change', function() {
var tentinhthanh = tinhthanh.value;
alert(tentinhthanh);
});
</script>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title>Sự kiện change của Hàm addEventListener() trong JavaScript</title>
</head>
<body>
<h1>Sự kiện change của Hàm addEventListener() trong JavaScript</h1>
<p>Hàm addEventListener() trong JavaScript dùng để xử lý sự kiện click, change, keyup,... cho các đối tượng HTML.</p>
<p>Sự kiện này thường xử lý khi người dùng chọn một phần tử trong thẻ select:</p>
<select id="tinhthanh">
<option value="Hồ Chí Minh">Hồ Chí Minh</option>
<option value="Đà Nẳng">Đà Nẳng</option>
<option value="Hà Nội">Hà Nội</option>
</select>
<script>
// Lấy đối tượng HTML
var tinhthanh= document.getElementById('tinhthanh');
// dùng tên đối tượng HTML vừa lấy để addEventListener
tinhthanh.addEventListener('change', function() {
var tentinhthanh = tinhthanh.value;
alert(tentinhthanh);
});
</script>
</body>
</html>