Выбор нескольких значений
Плагин Select2 поддерживает возможность выбора нескольких значений из выпадающего списка. Для этого достаточно в тег <select> добавить атрибут multiple='multiple'.
Скопировано
<script src='//code.jquery.com/jquery-3.4.1.min.js'></script>
<link rel='stylesheet' href='https://cdn.jsdelivr.net/npm/select2@4.0.13/dist/css/select2.min.css'>
<script src='https://cdn.jsdelivr.net/npm/select2@4.0.13/dist/js/select2.min.js'></script>
<select multiple='multiple'>
<option></option>
<option>Первое значение</option>
<option>Второе значение</option>
<option>Третье значение</option>
</select>
<script>
jQuery( 'select' ).select2({
placeholder: 'Выберите значение',
// параметры ниже для красоты
allowClear: true,
width: '100%',
minimumResultsForSearch: Infinity
});
</script>Если надо выбрать для Select2 несколько значений программно, то передаем их в виде массива:
Скопировано
$( 'select' ).val( [ 'Первое значение', 'Второе значение' ] ).trigger( 'change' );