select2 怎么样做到具备筛选功能。

如下,ajax调用的时候,通过返回的是json数据,用select2展现,但是我现在输入一个字,想要得到
那种动态筛选的功能,可是一直没有办法实现,请问下这种应该怎么做?下方是我自己的代码

 <div class="form-group has-feedback select-par" style="margin-top: 15px;">
                <label style="text-align: right;">志愿服务区域:</label>
                <select id="map_search" class="form-control" name="volunteerRegion" data-tag="" data-operator="" v-required="" value=""></select>

            </div>

下方是select2的相关代码:

<script>
function formatRepo(data){

            return "<p><label>地址:</label>"+ data.adreess+"_"+data.name+"_"+data.code+"</p>";
        }

function formatName(data){
    console.log(data)
    return data.name || data.text;
}
$("#map_search").select2({  
    placeholder: "请选择志愿服务区域",
    language: 'zh-CN',
    ajax: {         
        url: "${ctx}/map/pgis",  
        dataType: 'json',  
        delay: 50,  
        data: function (params) {  
            return {  
                q: params.term, // search term  
            };  
        },  
        success: function(){
            console.log('success');
        },
        fail: function(){
            console.log('success');
        },
        processResults: function (data, params) {
            console.log(data);
            return {
              results:data.items
            };
          },
          cache: true

    },  

    escapeMarkup: function (markup) {
        return markup;   
    }, // let our custom formatter work  
    minimumInputLength: 0,  //至少输入多少个字符后才会去调用ajax  
    maximumInputLength: 20, //最多能输入多少个字符后才会去调用ajax  
    minimumResultsForSearch: 1 ,
    templateResult: formatRepo, 
    templateSelection: formatName 
});

请问如何才能够做到动态筛选的功能?谢谢。

1个回答

链接内的远程搜索。http://www.tuicool.com/articles/nYVn22e

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!