Số thứ tự của mục được chọn trong danh sách dropdown

Trong các phần tử select tồn tại một thuộc tính đặc biệt selectedIndex, lưu trữ số thứ tự của mục trong danh sách hiện đang được chọn. Trong đó, số thứ tự bắt đầu từ số không. Thuộc tính này có thể được đọc, cũng như ghi, để thay đổi mục được chọn trong danh sách.

Chúng ta hãy xem cách làm việc với thuộc tính này qua một ví dụ. Giả sử chúng ta có danh sách dropdown sau:

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

Hãy in ra số thứ tự của mục được chọn trong danh sách:

let select = document.querySelector('#select');
console.log(select.selectedIndex); // sẽ in ra 1

Và bây giờ hãy chọn một mục khác:

let select = document.querySelector('#select');
select.selectedIndex = 2; // sẽ chọn 'ba'

Cho trước một input và một select. Một số được nhập vào input. Khi mất focus, hãy chọn mục trong danh sách có số thứ tự bằng giá trị từ input.

Tạo một danh sách dropdown với tên các ngày trong tuần. Làm sao để theo JavaScript, mặc định chọn ngày hiện tại trong danh sách này.