В HTML раскрывающийся список создается с помощью тегов и . Вот несколько методов, которые можно использовать для создания раскрывающегося списка в HTML:
Метод 1. Использование тегов и :
<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>