Пусть у нас в переменной есть ссылка на тег option. Например, полученная следующим образом:
let select = document.querySelector('#select');
let option = select[0];
В этом случае в свойстве text будет хранится текст оптиона, в свойстве value - значение одноименного атрибута, а в свойстве selected - значение true или false в зависимости от того, выбранный пункт списка или нет:
console.log(option.text);
console.log(option.value);
console.log(option.selected);
Переберите пункты списка циклом и для выбранного пункта в конец текста добавьте восклицательный знак, а для невыбранных пунктов - вопросительный.
Выбор пункта списка
В предыдущих уроках мы обращались к тегу select, получая или меняя выбранный пункт списка. Это на самом деле не обязательно. Ведь можно взять и непосредственно какому-нибудь тегу option установить свойство selected в значении true.
К примеру, сделаем выбранным пункт списка с номером два:
let select = document.querySelector('#select');
let option = select[2];
option.selected = true;
Дан выпадающий список и кнопка. По клику на кнопку сделайте отмеченным последний пункт списка.
Получение выбранного оптиона
Используя все изученное, можно получить выбранный тег option следующим образом:
let select = document.querySelector('#select');
console.log(select[select.selectedIndex]);
Дан селект и кнопка. По нажатию на кнопку выведите на экран текст отмеченного пункта списка.
Дан селект и кнопка. По нажатию на кнопку добавьте в конец текста выбранного пункта восклицательный знак.