Невозможно заполнить всплывающее окно multiselect

Question

Я пытаюсь динамически заполнить варианты всплывающего меню. Ниже мой код:

<label for="serviceTypeCntrl" style="padding-left: 14px;">Service Type : </label> 
<select id="serviceTypeCntrl" name="serviceTypeCntrl" class="selectpicker" multiple="multiple"> 
</select> 

Тогда я пытаюсь заполнить выпадающий список динамически с помощью AJAX вызова.

$(document).ready(function() {   
    $.ajax({    
     url : 'ServicerServlet?identifier=PopulateServiceType', 
     type : 'post', 
     dataType: 'json', 
     success : function(responseText) { 
      alert(responseText); 
      //var option=""; 
      $("#serviceTypeCntrl").find("option").remove(); 
      responseText.forEach(function(serviceType) { 
      //option = $('<option>' + serviceType + '</option>'); 
      //$('#serviceTypeCntrl').append(option); 
      //$('<option>').text(serviceType).appendTo('#serviceTypeCntrl'); 
      $('#serviceTypeCntrl').append($('<option>').text(serviceType)); 
      }) 
     }   
    }); 
}); 

Значение происходит от сервлета, но выпадающее меню не заполняется. Что я здесь делаю неправильно? Ждем ваших ответов.

Заранее спасибо.

Answer 1

Попробуйте один раз, как этот

$('#serviceTypeCntrl').append("<option>" + serviceType + "</option>")); 

вместо этого

$('#serviceTypeCntrl').append($('<option>').text(serviceType));