Методы создания раскрывающегося списка в HTML

В HTML раскрывающийся список создается с помощью тегов и :

<select>
  <option value="option1">Option 1</option>
  <option value="option2">Option 2</option>
  <option value="option3">Option 3</option>
</select>

Метод 2. Добавление атрибутов в теги :

<select>
  <option value="option1" selected>Option 1</option>
  <option value="option2">Option 2</option>
  <option value="option3">Option 3</option>
</select>

Метод 3. Создание раскрывающегося списка с отключенными параметрами:

<select>
  <option value="" disabled selected>Select an option</option>
  <option value="option1">Option 1</option>
  <option value="option2">Option 2</option>
  <option value="option3">Option 3</option>
</select>

Метод 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>

Метод 5. Создание раскрывающегося списка с заранее выбранными значениями:

<select>
  <option value="option1">Option 1</option>
  <option value="option2" selected>Option 2</option>
  <option value="option3">Option 3</option>
</select>

Метод 6. Создание раскрывающегося списка с помощью JavaScript:

<select id="mySelect"></select>
<script>
  var select = document.getElementById("mySelect");
  var options = ["Option 1", "Option 2", "Option 3"];
  for (var i = 0; i < options.length; i++) {
    var option = document.createElement("option");
    option.text = options[i];
    select.add(option);
  }
</script>