select2 search match with typed letter in any position regex

Question

Is there a way to search for any matched letters in select2?

For example, if I have the following options:

and if I type "mngo", is there a way to show "MANGO" option in the search result?

user_9942418 · Answer

The regex is clear, it's adding a .* between each character and before and after all characters. You can change that wildcard as you please.

I tried to be the less verbose possible, was tricky and fun doing this.

$('#select2').select2({
  matcher: function(term, text) {
    // If search is empty we return everything
    if ($.trim(term.term) === '') return text;

    // Compose the regex
    var regex_text = '.*';
    regex_text += (term.term).split('').join('.*');
    regex_text += '.*'

    // Case insensitive
    var regex = new RegExp(regex_text, "i");

    // If no match is found we return nothing
    if (!regex.test(text.text)) {
      return null;
    }

    // Else we return everything that is matching
    return text;
  }
});

select2 search match with typed letter in any position regex

1 Answers