Тотальное руководство по select в JavaScript и HTML. Закрываем гельштат фронтенд разработчика

У вашего броузера проблема в совместимости с HTML5

???? https://itgid.info
✈️ Телеграм: https://t.me/itgid_info
????‍???? Скачать код: https://itgid.info/ru/post/total-instruction-select

????‍???? Курсы:
HTML : https://itgid.info/ru/course/html
JavaScript: https://itgid.info/ru/course/js20
ReactJS: https://itgid.info/ru/course/reactjs
PHP: https://itgid.info/ru/course/php
Интернет магазин: https://itgid.info/ru/course/nodeshop

Канал ru: https://www.youtube.com/c/itgid
Канал UA: https://www.youtube.com/channel/UC2WYDELeKCCfJoQMFPiMvJg

Select - элемент без которого нельзя представить современный сайт. Изучаем все, что необходимо фронтенд разработчику при работе с select. Учимся получать value, получать индекс выбранного option, получать коллекцию option и select. Учимся задавать активный option при загрузке и делать активный и неактивный выбор в select.
Работаем с атрибутами selected, default, hidden. Учимся управлять порядком отображения option внутри select. Создаем select на основе объекта и массива. Управляем порядком элементов через массив, объект.

00:00 Начало
00:30 Начальная верстка
02:20 Получаем value и оптимизация кода
06:10 Получаем индекс и текст активного option
11:50 Активный option при загрузке страницы
17:00 Атрибут disabled, selected, hidden
20:50 Создаем select через объект
26:40 Создаем select через массив
30:40 Задание selected option в массиве

Моя рабочая станция:
Desktop: AMD Ryzen5 1600,Asus GeForce GTX 1650 Phoenix 4GB GDDR6, RAM: 32GB, Motheboard: MSI A320M PRO-M2 V2, Power: Chieftec Value APB-400B8 400W Bulk, Box: Gougar MX350 Mesh
HDD:
- Samsung 860 Evo-Series 500GB M.2
- Toshiba P300 2TB
- Silicon Power A56 256GB

Monitors:
- 23.8” Dell P2419HC
- 23.8” Dell P2418D

Mouse: Trust Verto Ergonomic Wireless
Keyboard: HP KU-1469
Microphone: Samson C01U Pro

+ IBM Lenovo ThinkPad E14 / Intel Core i5-1135G7 (4.2 ГГц) / RAM 16 ГБ / SSD 1 ТБ / Intel Iris Xe Graphics