Как написать собственный select2 (4.0), который игнорирует пробелы и точки?

Question

Я хочу написать пользовательский select2 (версии 4.0), чтобы dots и whitespaces игнорировались при выполнении поиска.

Например. Если один из вариантов: Dr. R. N. Pandey, я должен найти Dr. R. N. Pandey, просто набрав rnp в поле поиска.

Answer 1

Пожалуйста, попробуйте следующее:

HTML:

<select class='select2'> 
    <option>Select</option> 
    <optgroup label="Vegetables"> 
     <option>A. Celery</option> 
     <option>Green R.P Pepper</option> 
     <option>Kale</option> 
    </optgroup> 
    <optgroup label="Fruits"> 
     <option>Apple</option> 
     <option>Orange</option> 
     <option>Banana</option> 
    </optgroup> 
    <optgroup label="Nuts" disabled> 
     <option>Almond</option> 
     <option>Walnut</option> 
     <option>Pine</option> 
    </optgroup> 
</select> 

JS:

(function() { 
    function matcher(term, text) { 

     term = term.toUpperCase(); 
     text = text.toUpperCase().replace(/\./g, '').replace(/\s+/g, ''); 

     if (text.indexOf(term) > -1) { 
      return true; 
     } 

     return false; 
    } 

    $(".select2").select2({ 
     matcher: matcher 
    }); 
})(); 

Пожалуйста, ознакомьтесь с демо (< 4.0):

https://jsfiddle.net/xfw4tmbx/22/

выбрать 2 версии 4,0

https://jsfiddle.net/11a998kw/1/

Answer 2

Вдохновленный ответ уже предусмотрено:

function ignoreDotAndWhitespace(params, data) { 
    params.term = params.term || ''; 

    term = params.term.toUpperCase(); 
    text = data.text.toUpperCase().replace(/\./g, '').replace(/\s+/g, ''); 

    if (text.indexOf(term) > -1) { 
     return data; 
    } 
    return false; 
    } 

    $('.select2').select2({ 
    matcher: function(params, data) { 
     return ignoreDotAndWhitespace(params, data); 
    } 
    });