Как обновить список в Select2 не сбрасывая текущий выбранный элемент?

Question

[myskypesla]

Привет всем.

Весь список формируется динамически, вот так:

var myArray = [
            '3',
            '5',
            '7',
            '10',
            '15',
            '20',
            '30',
            '40',
            '50',
            '75',
            '100',
            '150',
            '200'
        ];

var selectData = [];

function template() {
    for (var i in myArray) {
      selectData.push({
        id: i,
        text: '<span class="cost">' + i + '</span><span class="delimetr">-</span><span class="currency">' + currencySymbol + '</span><span class="price">' + Math.round(i * dataCurrency) + '</span>'
      });
    }
  }

  
    $('.select').select2({
      data: selectData,
      templateResult: template(),
      escapeMarkup: function(m) {
        return m;
      }
    });

Валюта берется из бирж.

Пытался делать через ...select2('refresh'), не выходит.

Подскажите куда копать. Спасибо всем за ответ

Answer 1

[Trivel]

var data = {
                id: 1,
                text: 'Barn owl'
            };

            var newOption = new Option(data.text, data.id, false, false);
            $('.select').append(newOption).trigger('change');