select2使用ajax加载数据之后搜索功能不生效

Question

我使用select2插件用ajax获取数据呈现在页面上，但是select2自带的搜索功能就不生效了，请问是什么原因，下面是我的代码

html代码
<select class="form-control select2 js-data-example-ajax" data-width="100%" name="ProductName" id="ProductName"> </select>

js代码
$("#ProductName").select2({

        ajax: {                
            url: "GetProduct",
            data: function (params) {
               
                return params.term;
            },
            processResults: function (data) {
                return {
                    results: data
                };
            },  
            createSearchChoice: function (term, data) {           // 创建搜索结果（使用户可以输入匹配值以外的其它值）
                return { id: term, text: term };
            },
           
            formatSelection: function (item) { return item.id; },  // 选择结果中的显示
            formatResult: function (item) { return item.id; },  // 搜索列表中的显示
            escapeMarkup: function (m) { return m; }               // 字符转义处理
           
        }
    });