Раскрывающийся список не содержит выбранного значения

#bootstrap-4 #bootstrap-modal #bootstrap-select #bootstrap-selectpicker

#начальная загрузка-4 #bootstrap-модальный #начальная загрузка-выберите #загрузчик-выбор выбора

Вопрос:

Я пытаюсь добавить раскрывающийся список начальной загрузки с помощью jquery, затем вызываю функцию selectpicker (), чтобы инициировать состояние раскрывающегося списка, однако он работает не так, как ожидалось, и не содержит выбранную опцию.

 var filterComponentHTML= 'lt;div class="dropdown bootstrap-select form-control dropup position-static"gt;'   'lt;select class="form-control selectpicker" id="ddlFilter" gt;'   'lt;optiongt;Mustardlt;/optiongt;'   'lt;optiongt;Ketchuplt;/optiongt;'   'lt;optiongt;Relishlt;/optiongt;'   'lt;/selectgt;'   'lt;/divgt;';    $("#divContent").append(filterComponentHTML);   $('#ddlFilter').selectpicker();  

введите описание изображения здесь