Javascript 基于用户输入标记和过滤器的自动完成

Javascript 基于用户输入标记和过滤器的自动完成,javascript,autocomplete,Javascript,Autocomplete,让我首先解释一下用例。考虑Gmail,例如,当键入“从用户示例搜索查询”的搜索框时,Gmail将用指定的用户过滤结果。我的用例类似,但我想要的是,当用户键入“from:”时,我应该向用户显示一个可以选择的选项列表。基本上是某种形式的自动完成,只要我检测到已键入“:”即可 例如,“from:”和“to:”可以是搜索查询中可以使用的关键字。现在,我想在用户键入“发件人:”时显示一个下拉列表(自动完成),在用户键入“收件人:”时显示另一个下拉列表。这里的要点是,根据搜索过滤器的类型,我需要查询不同的A

让我首先解释一下用例。考虑Gmail,例如,当键入“从用户示例搜索查询”的搜索框时,Gmail将用指定的用户过滤结果。我的用例类似,但我想要的是,当用户键入“from:”时,我应该向用户显示一个可以选择的选项列表。基本上是某种形式的自动完成,只要我检测到已键入“:”即可

例如,“from:”和“to:”可以是搜索查询中可以使用的关键字。现在,我想在用户键入“发件人:”时显示一个下拉列表(自动完成),在用户键入“收件人:”时显示另一个下拉列表。这里的要点是,根据搜索过滤器的类型,我需要查询不同的API来获取自动完成的值列表

完整搜索字符串的一个非常粗略的示例是“from:abc@xyz.com之后:2017年11月10日“祝你身体健康”。一旦我有了这个字符串,搜索部分就变得微不足道了。我只想知道当用户键入“:”后如何显示自动完成框


我已经看过很多与自动完成相关的堆栈溢出答案。但是我的用例比我能找到的资源要复杂一些。如果我遗漏了什么,请将我重定向到相应的源。

您可以使用jquery插件来完成此操作。检查这个


据我所知,这将满足你的要求。对于所有完整的事件,您可以研究

您可以为此使用jquery插件。检查这个

据我所知,这将满足你的要求。对于所有完整的事件,您可以学习