Javascript 组合的和

我的web应用程序需要一个文本输入框，它也可以作为。我们的设计如下

当用户在框中键入时，一个带有单个选项的下拉列表将转到blah。。。应该显示输入内容的位置

当用户按下向右的向下箭头时，将显示选项列表。选择其中一个选项应将可编辑输入的内容替换为所选选项

有什么最好的方法来实现这一点的指针吗？我可以实现我自己的，但这听起来像是一个相当大的承诺。理想情况下，我希望完全或部分地访问一些现有库，并且只说服向下箭头打开一个与输入大小相同的下拉列表，而输入由我控制

---

图像中的示例是使用react select生成的，但我无法说服库按照我描述的方式运行。

为了实现类似的效果，可以将input list与datalist一起使用

HTML元素包含一组元素 表示用户可用的允许或建议选项 从其他控件中选择

例如：

去：

---

为了实现类似的功能，您可以将输入列表与数据列表一起使用

HTML元素包含一组元素 表示用户可用的允许或建议选项 从其他控件中选择

例如：

去：

---

这与我的想法非常接近，只是在选择输入时，不应显示下拉列表。按下按钮时，只有右边的箭头应该显示下拉列表。我在google上找到了一些不错的东西，但它使用了jQuery。这与我的想法非常接近，只是在选择输入时，不应该显示下拉列表。按下时，只有右边的箭头应该显示下拉列表。我在google上找到了一些不错的东西，但它使用jQuery