Чтобы создать опцию множественного выбора в HTML, вы можете использовать элемент вместе с атрибутом multiple. Вот несколько методов, которые вы можете использовать:
Метод 1: использование элемента с атрибутом multiple:
<select multiple>
<option value="option1">Option 1</option>
<option value="option2">Option 2</option>
<option value="option3">Option 3</option>
</select>
Метод 2: использование элемента без атрибута multiple, но с атрибутом size, для которого установлено значение больше единицы :
<select size="3">
<option value="option1">Option 1</option>
<option value="option2">Option 2</option>
<option value="option3">Option 3</option>
</select>
Метод 3. Использование JavaScript для динамического включения множественного выбора:
<select id="mySelect">
<option value="option1">Option 1</option>
<option value="option2">Option 2</option>
<option value="option3">Option 3</option>
</select>
<script>
document.getElementById("mySelect").setAttribute("multiple", "multiple");
</script>
Метод 4. Использование сторонней библиотеки, например Select2 или Chosen:
<!-- Select2 Example -->
<select multiple id="mySelect">
<option value="option1">Option 1</option>
<option value="option2">Option 2</option>
<option value="option3">Option 3</option>
</select>
<script>
$(document).ready(function() {
$('#mySelect').select2();
});
</script>
Не забудьте включить необходимые файлы CSS и JavaScript при использовании сторонних библиотек, таких как Select2 или Chosen.