Для установки начального значения необходимо использовать параметр initSelection.

Если вы используете предопределенный элемент select для создания select2, вы можете использовать следующий метод

$('select').select2().select2('val','3')

Демо: Fiddle

добавить изменение триггера после установки val:

$('#my_id').val('3').trigger('change');

Очень простой способ решить эту проблему:

//Step1: Here assuming id of your selectbox is my_id, so this will add selected attribute to 1st option
$('#my_id option').eq(0).prop('selected',true);

//Step2: Now reinitialize your select box

//This will work, if you haven't initialized selectbox
$('#my_id').select2(); 

or

//This will work, if you have initialized selectbox earlier, so destroy it first and initialise it
$('#my_id').select2('destroy').select2();

Это может помочь:

$('#mySelect2').val('1'); // Select the option with a value of '1'
$('#mySelect2').trigger('change'); // Notify any JS components that the value changed

Дополнительную информацию можно найти здесь:

Спасибо

Согласно здесь, initSelection устарел в Select2 4.0 и более поздних версиях.

Используя Select2 4.0.0, это сработало для меня:

$('#my_id').select2({val:3});

HT: @Kokizzu

Вот как сделать val в select2, просто выберите соответствующий элемент. По какой-то причине select2 не предоставляет функцию поиска выборок по идентификатору.

в этом:

$("#thing").select2({data:sources, initSelection: function(item, callback) {
  // despite select2 having already read the whole sources list when you 
  // do .val(n) you have to explicitly tell it how to find that item again.
  var to_be_selected = null;
  $.each(sources, function(index, thing) {
    if (thing.id == item.val()) {
      to_be_selected = thing;
      return;
    }
  })
  callback(to_be_selected);
}})

нормальный код

// to load the thing with id==3 from the initial sources list.
$("#thing").select2({'val': 3})

Для меня я отправлял выбранные в наборе данных, но опция по умолчанию не выбиралась. Мне пришлось сделать что-то вроде ниже, чтобы это работало -

$(".select").select2({
    data: data_names
});
data_names.forEach(function(name) {
    if (name.selected) {
        $(".select").select2('val', name.id);
    }
});

У меня было несколько полей select2 с несколькими вариантами выбора.

Шаг 1 заключался в том, чтобы поместить мою строку school_ids в массив целых чисел, соответствующих идентификатору каждой школы, и удалить ведущий ноль. Пришлось сделать это в отдельном теге скрипта.

<script>
    var school_ids = <%= raw JSON.parse(@search.school_ids).map{|x| x.to_i} - [0]%>
</script>

Шаг второй заключался в создании поля выбора, затем установке значений, а затем срабатывании следующим образом:

<script>
$(document).ready(function() {
        $('.select2-multiple').select2({
            placeholder: "Hit Enter After Selection",
            width: 'resolve'
        });
        $('.select2-multiple').val(school_ids);
        $('.select2-multiple').trigger('change');
</script>

триггер просто выберите2, чтобы установить значение

$('#my_id').val('3').trigger("change.select2");

и это вызовет select2 с раскрывающимся списком

$('#my_id').val('3').trigger("change");

Встречаюсь с той же проблемой, у меня это работает ：

Using Select2 > 4.0.0
$('#select_id').val('3').trigger('change');

  var option=$(this);
   if(option.val()==data.StudentCourses.CourseId)
   {
    option.setAttribute('Selected');
   }
   });

Я инициализировал select2, потому что мне просто нужно, чтобы из них было выбрано несколько опций.