Prompt with hints in Javascript

本文关键字：Javascript in hints with Prompt 更新时间：2023-09-26

我想从用户那里获得一些输入：

keywords = prompt("Input keywords separated by commas", "");

我在SQLite数据库中存储了许多不同的字符串，这些字符串可以建议用户键入什么。假设您有一个数组或这些字符串的列表。你会如何用Javascript编写这个提示？此功能是否有一些函数或代码片段？

我希望它能像这里一样工作。当你开始打字时，你会得到各种可能性的提示。只有一个缺点，就是不能输入更多用逗号分隔的字符串。这是一个处理更多字符串的功能。

prompt（）函数是否适用于此目的？您可以使用另一种方式获取用户输入。

感谢

您无法调整本机prompt（）javascript方法。

我知道您没有使用jQuery进行标记，但使用库来实现这样的行为会容易得多。

您必须使用jQuery UI对话框来构建自己的对话框系统。他们有一个选项使其成为模态，因此在对话框关闭之前，UI被阻止。

jQueryUIDialog不会像prompt那样阻止javascript的执行。您可能需要能够在对话框关闭时执行代码。这个答案展示了一种轻松实现的方法。

最后，jQueryUIAutocomplete提供了一个示例，说明如何将其用于同一输入中的多个值。它们使用逗号分隔符，但我想您可以修改示例以使用空格：jQuery UIAutocomplete Multiple Values

您不能真正使用prompt（）的任何自定义功能。

您最好创建一个<input type="text"/>，并将整个内容连接到一个按钮上，使数据在用户单击或按enter键时提交。然后对其进行编码，以便在用户键入新字符时获取自动建议值。

您应该看看jQueryUI的自动完成组件（它也可以使用多个字符串作为输入）。您还需要设置一个服务器端脚本，该脚本将一个可能不完整的字符串作为输入，并将可能的匹配列表输出回浏览器。