Bootstrap Multiselect dynamische Verte hinfügen über AJAX

[Ariane Sardinas]

Hallo Leute

ich möchte gern das Bootstrap Multiselect Plugin nutzen aber dynamisch die Werte (Options) hinfügen.
leider wird das ul element erzeugt aber die Li nicht
mein javascript sieht so aus:

var $select = $("#user").multiselect();//apply the plugin
    $select.multiselect('disable'); //disable it initially
    
	var host   = window.location.protocol+"//"+window.location.hostname;
	$.ajax({
	url : host+"/projects/ajax/ajax/id/" + vals,
		dataType : "json",
		type : "POST",
		success : function(response) {
		list = response;
                if (list.length > 0) {
                    $select.multiselect('enable');
                   $.each(list, function () {
                    	$("#user").append($("<option></option>").val(this.vorname).html(this.vorname));
                    });
                }
               
              $("#user").multiselect('refresh'); //refresh the select here
		},
		error : function(event, request, settings) {
			alert('Es ist ein Fehler aufgetreten');

		}
	});

das generiert folgendes HTML:

<button class="multiselect dropdown-toggle btn btn-default" data-toggle="dropdown" type="button" style="width: 286px;" title="Bitte auswählen">
Bitte auswählen
<b class="caret"></b>
</button>
<ul class="multiselect-container dropdown-menu"></ul>

Hat jemand eine Idee warum die Li nicht hinzugefügt werden?
vielen dank in voraus

 

[Quaese]

Hi,

versuch mal statt refresh

$("#user").multiselect('refresh');

die Methode rebuild

$("#user").multiselect('rebuild');

zu verwenden.

Ciao
Quaese