javascript - 基于用户输入标签和过滤器自动完成

首先让我解释一下用例。例如，考虑使用Gmail，当您在搜索框中输入“来自：用户示例搜索查询”时，Gmail会使用指定的用户过滤结果。我的用例类似，但我想要的是，当用户键入“from：”时，我应该向用户显示可以选择的选项列表。一旦我检测到键入了“：”，基本上就会出现某种形式的自动完成。

例如，“from：”和“to：”可以是可以在搜索查询中使用的关键字。现在，我希望在用户输入“from：”时显示下拉列表（自动填充），并在用户输入“to：”时显示不同的下拉列表。这里的重点是，根据搜索过滤器的类型，我需要查询不同的API来获取自动完成的值列表。

完整搜索字符串的一个非常粗略的例子是“来自：abc@xyz.com之后：10Nov2017希望你很好”。一旦我有这个字符串，搜索部分是微不足道的。我只想知道在用户键入“：”后如何显示自动填充框。

我查看了很多与自动完成相关的Stack Overflow答案。但我的用例比我能找到的资源稍微复杂一点。如果我错过了某些内容，请将我重定向到适当的来源。