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

🔶 https://itgid.info
✈️ Телеграм: https://t.me/itgid_info

👨‍💻 Скачать код: https://itgid.info/ru/post/total-inst...

👨‍🎓 Курсы:
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:    / itgid  
Канал UA:    / @itgidua-web7836  

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