使用AJAX填充选项时如何使用“jQuery UI MultiSelect Widget”过滤器？

Question

我在我的应用程序中使用“jQuery UI MultiSelect Widget”。过滤器中的一个不错的未来，它允许您在下拉菜单中搜索选项。

我遇到的问题是当我使用AJAX调用填充选项时，过滤器选项将不再有效。

ajax请求是正确的，它填充菜单没有问题但是当我在“MultiSelect”选项中在过滤器框中键入内容时，它不会过滤它们。

这是我的代码

<script>
$(function() {

    $("#lstBox2").multiselect().multiselectfilter({
        filter: function(event, matches){

            // find the first matching checkbox
            var first_match = $( matches[0] );
        }
    });


    $('#client').change( function(){

        $('#lstBox2').html('');

        $.getJSON("ajax/getCallTypes.php", {
                client_id: $(this).val()
            },function (data) {

                if ( ! data) 
                return; 

                $.each(data, function(i,v){

                    $('#lstBox2').append('<option value="'+ v.id +'">'+ v.name +'</option>'); 

                });

            }
        ).done(function(){

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

        });
    });

});

</script>