Очистка выбранного значения
Чтобы пользователь мог сбросить выбранное в select2 значение используем параметр allowClear:
Скопировано
<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>
<option></option>
<option>Первое значение</option>
<option>Второе значение</option>
<option>Третье значение</option>
</select>
<script>
jQuery( 'select' ).select2({
placeholder: 'Выберите значение',
allowClear: true,
// параметры ниже для красоты
width: 'auto',
minimumResultsForSearch: Infinity
});
</script>При этом, когда выбрано значение, около него появляется крестик, позволяющий его очистить.
Чтобы очистить значение с помощью кода, делаем так:
Скопировано
jQuery( 'select' ).val( '' ).trigger( 'change' );