Тег <select> створює розкривні списки; Теги <option> визначають значення, які можна вибрати. Значення за замовчуванням елемента select можна встановити за допомогою атрибута 'selected' у необхідному параметрі. Це логічний атрибут. Параметр, який має атрибут «вибрано», за замовчуванням відображатиметься у спадному списку.
Елемент <select> використовується для створення розкривного списку. Елемент <select> найчастіше використовується у формі для збору даних, введених користувачем. Атрибут name потрібний для посилання на дані форми після надсилання форми (якщо ви опустите атрибут name, дані зі спадного списку не надсилатимуться).
Як створити спадне меню в HTML
- Крок 1. Додайте елемент <label> до свого документа HTML. Це буде назва вашого спадного меню.
- Крок 2: Додайте елемент <select>. …
- Крок 3: Створіть елементи <option> і розмістіть їх усередині елемента <select>. …
- Крок 4: за бажанням додайте значення за умовчанням зі спадного списку.
Тег <option> визначає параметр у списку вибору. Елементи <option> входять до елементів <select>, <optgroup> або <datalist>. Примітка. Тег <option> можна використовувати без будь-яких атрибутів, але зазвичай вам потрібен атрибут value, який вказує, що надсилається на сервер під час надсилання форми.
Щоб передати вибране значення спадного списку в JavaScript, ви можете використовувати властивість значення спадного елемента. Властивість значення повертає значення вибраного параметра у спадному списку. const selectedValue = документ. getElementById('myDropdown').