Setting the selected value initially and doing a search, shows empty "currently selected"

I have set the selected value on the select picker:

$('#myselect').selectpicker('val', '1');

I can see the correct option selected by default (though in the DOM the correspondent select option doesn’t have the selected attribute).

Then I click on the select and to a search via AJAX, and the result says “Currently selected” showing no value, even though I didn’t click on any result so I expect “Currently selected” to be the one initially set.

[outaTiME]

thanks @calumshep, i made some adjustements to your code:

$.fn.ajaxSelectPickerRefresh = function () {
  return this.each(function () {
    var picker = $(this).data('AjaxBootstrapSelect');
    if (!picker) {
      return;
    }
    var selected = [];
    var selectValues = picker.$element.find('option:selected');
    for (var i = 0; i < selectValues.length; i++) {
      selected.push({
        value: selectValues[i].value,
        text: selectValues[i].text,
        'class': '',
        data: {},
        preserved: picker.options.preserveSelected,
        selected: true
      });
    }
    picker.list.selected = selected;
    picker.list.replaceOptions(selected);
    // clear status text
    picker.list.setStatus();
  });
};

[demetris-manikas]

@calumshep I found that calling picker.list.replaceOptions(selected); after picker.list.selected = selected;

did solve my problem.