Làm việc với các mục trong danh sách dropdown bằng JavaScript
Giả sử chúng ta có một tham chiếu đến thẻ
option trong một biến. Ví dụ: lấy được bằng cách sau:
let select = document.querySelector('#select');
let option = select[0];
Trong trường hợp này, thuộc tính text sẽ
chứa văn bản của option, thuộc tính value
- giá trị của thuộc tính cùng tên, và trong thuộc tính
selected - giá trị true hoặc
false tùy thuộc vào việc mục danh sách đó có được chọn
hay không:
console.log(option.text);
console.log(option.value);
console.log(option.selected);
Duyệt qua các mục của danh sách bằng vòng lặp và với mục được chọn hãy thêm dấu chấm than vào cuối văn bản, còn với các mục không được chọn - thêm dấu chấm hỏi.
