是否可以在 Tokenize2 中显示所有选项？

Question

Tokenize2 是 select 多个选项的 javacsript 库。

它提供了一个非常简洁的 UI 来开始编写，然后从中获取 select 的选项列表。选定的选项将显示为 "tags"，可以使用 "x" link.

删除

到目前为止一切都很好。但是现在你需要知道你在寻找什么并开始写至少一个字符来查看匹配的替代品。

在我的场景中，替代方案很少，而且用户不知道它们。我想在用户单击输入框时显示所有选项。有一个名为 searchMinLength 的配置选项，但它已设置为 0。

是否有可以使用的解决方法？也许喜欢手动触发加载和下拉？

我知道有很多类似的选择，但我选择了 Tokenize2，因为：

看起来干净漂亮
它适用于移动浏览器

Answer 1

我不知道是否有 "official" 方法，但经过一些调查后我找到了一个可接受的解决方法。

下载 Tokenizer2 源代码后，我发现以下行引起了我的注意：

if(this.input.val().length > 0){
    this.trigger('tokenize:search', [this.input.val()]);
}

我的解释是，除非用户输入至少有一个字符，否则不会触发内部搜索命令。源代码中的这一行可以很容易地修改。我已经在这里提出了一个建议：https://github.com/zellerda/Tokenize2/issues/26

我目前的解决方法是为 select 事件添加一个事件侦听器，然后触发内部搜索命令。这适用于我的场景，并且不会强制重写源代码。

$("#my-dropdown").on("tokenize:select", function (e: Event, routedEvent: boolean) {
    $("#my-dropdown").trigger('tokenize:search', "");
});

Answer 2

标记化2

这个link对我有用GitHub

$('.tokenize-sample-demo1').on('tokenize:select', function(container){
    $(this).tokenize2().trigger('tokenize:search', [$(this).tokenize2().input.val()]);
});

是否可以在 Tokenize2 中显示所有选项？

Is it possible to show all options in Tokenize2?

tokenize2