HTML5 Select Element: методы и примеры использования

«Выбор HTML5» относится к элементу :

  1. Создание базового элемента :

    <label for="mySelect">Select an option:</label>
    <select id="mySelect">
     <option value="option1">Option 1</option>
     <option value="option2">Option 2</option>
     <option value="option3">Option 3</option>
    </select>
  2. Обработка события изменения выбора с помощью JavaScript:

    <select onchange="myFunction()">
     <option value="option1">Option 1</option>
     <option value="option2">Option 2</option>
     <option value="option3">Option 3</option>
    </select>
    <script>
     function myFunction() {
       // Handle the selection change
     }
    </script>
  3. Отключение элемента с помощью CSS:

    <style>
     select {
       /* CSS properties */
     }
    </style>
  4. Добавление групп опций с помощью элемента :

    <select>
     <optgroup label="Group 1">
       <option value="option1">Option 1</option>
       <option value="option2">Option 2</option>
     </optgroup>
     <optgroup label="Group 2">
       <option value="option3">Option 3</option>
       <option value="option4">Option 4</option>
     </optgroup>
    </select>