Thay đổi mục được chọn trong danh sách bằng JavaScript

Trong bài học trước, chúng ta đã học cách lấy mục được chọn trong danh sách. Bây giờ hãy thay đổi mục được chọn với sự trợ giúp của JavaScript.

Để làm điều này, chúng ta gán vào thuộc tính value của select giá trị của thuộc tính value của option mà chúng ta muốn chọn.

Giả sử chúng ta có select sau:

<select id="select">
	<option value="one">một</option>
	<option value="two" selected>hai</option>
	<option value="three">ba</option>
</select>

Giả sử cũng có một nút bấm:

<input type="submit" id="button">

Lấy tham chiếu đến select và nút bấm vào các biến:

let select = document.querySelector('#select');
let button = document.querySelector('#button');

Và bây giờ hãy làm sao cho khi nhấp vào nút, select của chúng ta sẽ thay đổi lựa chọn:

button.addEventListener('click', function() {
	select.value = 'one';
});

Nếu danh sách của chúng ta không có thuộc tính value, thì vào thuộc tính value của select cần ghi nội dung text của thẻ option mà chúng ta muốn chọn.

Tạo một danh sách dropdown với tên các tháng. Hãy làm sao cho JavaScript theo mặc định chọn tháng hiện tại trong danh sách này.