引导式多选重建无法正常工作

Question

我有以下多个选择下拉列表，需要根据另一个下拉列表的选择进行填充。

<select class="form-control" data-val="true" data-val-required="Please select item" id="MTMembers" multiple="multiple" name="MTMembers"></select>

我看到它没有填充。请注意，我正在使用“重建”。任何帮助都会有所帮助。

$(document).ready(function () {

    $('select[multiple]#MTMembers').multiselect({
           selectAll: true,
            texts: {
                placeholder: 'Select Attendees'
            }
     });

     $('[id*=MPId]').change(function () {

            $("#MTMembers").empty();
            FillMPTeam($(this).val() == '' ? 0 : $(this).val());
     });

     function FillMPTeam(selectedValue) {

            $.ajaxSetup({ async: false });
            $.get('@Url.Action("GetMembersById")', { WMPId: selectedValue }).done(function (d) {

            $.each(d, function (key, value) {
                   alert(value.Text);
                    $('#MTMembers').append($("<option></option>").val(value.Value).html(value.Text));
                    $('#MTMembers').multiselect('rebuild');
                });
            });
        } 
});