首页 > jquery下拉插件select2教程 > select2搜索框事件

select2搜索框事件

通过select2搜索框事件我们可以自定义匹配方法,代码如下:

$(document).ready(function () {
   $('#status').select2({ 
        data:[{id: 10,text: '微软'}, { id: 1,text: 'Google' }, { id: 3,text: 'ITXST' }, { id: 13,text: 'yahoo' }],//数据源
         width:160 ,
        matcher: search //自定义刷选函数
    });
 });
    //自定义刷选函数
    function search(params, data) {
       
    //如果用户没输入关键词,返回全部结果
    if ($.trim(params.term) === '') {
      return data;
    }

    // 如果显示项不是text属性,返回NULL
    if (typeof data.text === 'undefined') {
      return null;
    }


    //查找匹配结果
    if (data.text.indexOf(params.term) > -1) {
      var modifiedData = $.extend({}, data, true);
      modifiedData.text += ' (匹配)';
      //返回匹配结果
      return modifiedData;
    }

    //为找到关键词匹配的结果
    return null;
    
}