Как в select2 v4 При поиске игнорировать «-»?

Question

[zeni1agent]

У меня есть вот такой код

$("#e4").select2({
minimumInputLength: 1,
tags: true
});

<select id="e4" multiple="multiple">
    <option>gray</option>
    <option>orenge</option>
    <option>brow</option>
    </select>

И мне необходимо что бы при поиске игнорировался знак «-»
Другими словами он должен искать слово вне зависимости есть ли знак «-»или нет
И выводил вот такой результат

Так же одновременно в поле не может существовать brow и -brow.
Можно ли это как то сделать?

Answer 1

[coderisimo]

Например, можно попробовать так :

$('#mySelect2').select2({
  ajax: {
    url: 'https://api.github.com/orgs/select2/repos',
    data: function (params) {
            var searchStr = params.term.replace('-', ''); // удаляете тире из строки, перед поиском
            var query = {
            search: searchStr, // вот здесь изменяйте текст запроса - по умолчанию params.term      
      }
      return query;
    }
  }
});

Comments

[zeni1agent]

Я не знаю почему но он очень долго ее ищет.
Уже прошла минута а он до сих пор не нашел даже одного из 3
только слово searching... и все.

[coderisimo]

zeni1agent, это общее описание идеи.

Какой запрос отправляется на сервер ?
Как выглядит код инициализации селектора 2 ?

[zeni1agent]

Василий,
Сервера нет.
есть только select2 и jquery и только там осуществляется поиск. по этим трем option
codepen
Сервера это по идее и не должно касаться вовсе.
Он просто должен найти option вне зависимости есть ли <<->> или нет

[coderisimo]

zeni1agent,

Ну.... тогда явно этот пример не подходит, там же видно что это ajax конфиг.
Если данные локальные, то можно попробовать что-то типа


Но еще раз, это общая идея. Если нужно сделать работу по ТЗ - нужно обращаться в другое место )

[zeni1agent]

Василий,
Все работает очень даже хорошо.
Но не могли бы вы мне объяснить какая часть кода возвращает значения.
Я просто не до конца понимаю matched отвечает за параметры поиска.
И искать с игнорированием минуса это я более менее понимаю.

Но что конкретно отвечает за вывод результата

Как вам удалось запретить повторное создание gray, -gray.

И можно ли это использовать что бы вернуть минус в строку поиска.

Ну или запретить создание клона при быстром выборе.

[coderisimo]

zeni1agent, вот страница из доков по теме.
https://select2.org/searching

matcher - это функция, которая рулит поиском. Можем ее переопределять. Примеры использования там же. Допустим надо добавлять текст "(matched)" к результату поиска :

// фрагмент из доков
 // `params.term` should be the term that is used for searching
    // `data.text` is the text that is displayed for the data object
    if (data.text.indexOf(params.term) > -1) {
      var modifiedData = $.extend({}, data, true);
      modifiedData.text += ' (matched)';

можно переписать это на добавление "-" , если в поиске было "-" итд.
Остальное в ваших силах )

[zeni1agent]

Василий, да только вот я пробовал из примеров но меняется только внешний вид а результат один и тот же