Javascript 如何使用材料界面自动完成搜索？

我正在寻找一个替代的材料用户界面搜索栏，因为它没有维护。我被推荐使用材料界面的自动完成。然而，在我看到的示例中，我只能看到文本字段，比如我们可以键入的结构。当我们打字时，有一个十字按钮

是否可以在这个自动完成字段中有一个搜索按钮或其他东西，我也可以在其中使用事件处理程序？我想点击此字段中的搜索按钮，并在完成键入后调用事件处理程序

代码沙盒：

---

是的，当然，这是可能的。正如您提到的，我为您的第一个文本字段添加了一个事件处理程序。为此，我使用了一个搜索按钮。搜索和电影选择完成后，您可以单击搜索按钮。然后调用事件处理程序，您可以在事件处理函数中看到所选的电影名称及其索引（查看控制台）。希望这会有所帮助：）

以下是沙盒链接：

---

是否要调用事件处理程序并将选定的输入值正确地输入到函数中？是的，我想在输入@DushanRandikaNice的基础上运行graphql查询。我刚刚做了一个沙箱解决方案。如果你需要的话，你可以得到所选的电影名称和索引。也许我理解错了。我想要的是在搜索栏中键入一些内容，然后使用我键入的内容运行查询。但在你的例子中，我只能从下拉菜单中选择，对吗？我试图添加一个值来存储我在文本字段中键入的内容。dk为什么它不起作用。是否可以删除下拉菜单？如果我删除了选项，它将不起作用。实际上，我可以使用文本字段，我想是的，这是可能的。我想use只是想从下拉列表中搜索和选择一个项目。让我编辑解决方案。是的，男人们。为此，使用文本字段就足够了。你不需要从右边的下拉列表中选择某些内容。这是新的链接，请查看此链接。那么，这是否意味着没有下拉菜单就无法使用自动完成功能？