javascript - 搜索隐藏的 select2 文本

Question

使用标准的 select2 下拉框，填充了来自数据库调用的名称列表，有没有办法在搜索区域内搜索隐藏的项目？

例子:

Select2 框向最终用户显示“Charlie Watts”，但实际上选项值包含“Charlie Watts (22)”。我希望用户能够搜索 22，但默认情况下不向最终用户显示。

TIA

Answer 1

是的，您可以使用 formatResult 和/或 formatSelection 方法来实现。在 Select2 Docs: Templating 中有一个很好的使用它们的例子.

在您的 format 函数中，过滤掉值的“(22)”部分并返回它之前的所有内容。

在 UX 注释中，看到匹配出现但未给出任何匹配原因的指示可能会很奇怪。如果这对您的用例无关紧要，请继续。