Змяненне абранага пункта спісу на JavaScript
У папярэднім уроку мы з вамі навучыліся атрымліваць абраны пункт спісу. Давайце цяпер будзем змяняць абраны пункт з дапамогай JavaScript.
Для гэтага ў уласцівасць value селекта
запішам значэнне атрыбута value таго
option, які мы хочам выбраць.
Хай у нас ёсць наступны селект:
<select id="select">
<option value="one">адзін</option>
<option value="two" selected>два</option>
<option value="three">тры</option>
</select>
Хай таксама ёсць кнопка:
<input type="submit" id="button">
Атрымаем спасылкі на селект і кнопку ў зменныя:
let select = document.querySelector('#select');
let button = document.querySelector('#button');
А цяпер давайце зробім так, каб пры націсканні на кнопку наш селект змяніў выбар:
button.addEventListener('click', function() {
select.value = 'one';
});
Калі ў нашага спісу няма атрыбутаў value,
то ў уласцівасць value селекта трэба
запісваць тэкст тэга option, які
мы хочам выбраць.
Зрабіце выпадальны спіс з назвамі месяцаў. Зрабіце так, каб JavaScript па змаўчанні абіраў у гэтым спісе бягучы месяц.