jquery-select2 - 如何编写忽略空格和点的自定义 select2 (4.0) 匹配器？

Question

我想编写一个自定义 select2(4.0 版)匹配器，以便在执行搜索时忽略 点 和 空格。

例如。如果选项之一是 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
    });
})();

请看demo(<4.0):

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

选择 2 版本 4.0

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