Question

我从选择迁移到select2插件，因为它对我来说效果更好，但与选择相比，它的文档非常差。谁能告诉我应该使用哪个选项来使select2搜索功能过滤以搜索词开头的词（并且不包含在搜索词中）。

假设select2字段有以下选项：banana，apple，pineapple。

当用户输入“app”（或苹果）时，只应返回apple（因为它是唯一以apple开头的单词）。现在，它返回苹果和菠萝。

经过大量搜索，我发现需要使用一些自定义匹配器，但到目前为止都是这样。

Answer 1

Select2 4.0.0

＆＃13;

function matchStart(params, data) {
    params.term = params.term || '';
    if (data.text.toUpperCase().indexOf(params.term.toUpperCase()) == 0) {
        return data;
    }
    return false;
}

$("select").select2({
    matcher: function(params, data) {
        return matchStart(params, data);
    },
});

＆＃13;

Answer 2

Select2提供an example in the documentation，了解如何使用自定义synchronization功能将搜索字词与搜索结果进行匹配。给出的例子就是这个确切的用例。

＆＃13;

matcher

＆＃13;

function matchStart (term, text) {
  if (text.toUpperCase().indexOf(term.toUpperCase()) == 0) {
    return true;
  }
 
  return false;
}
 
$.fn.select2.amd.require(['select2/compat/matcher'], function (oldMatcher) {
  $("select").select2({
    matcher: oldMatcher(matchStart)
  })
});

＆＃13;

select2搜索 - 仅匹配以搜索词开头的单词

2 个答案: