javascript - 您可以以编程方式显示数据列表下拉列表吗？

Question

我开始使用 datalist，它具有我需要的功能，但没有按我的意愿执行。具体来说，问题出在 Firefox 中，下拉菜单的激活是通过双击输入元素触发的，而不是像在 Chrome 或 Edge 中那样单击。有什么方法可以通过单击 Firefox 来触发下拉菜单？如果没有，是否有一些我可以从 NPM 或其他地方使用的元素，允许这样的定制？

到目前为止，我已经检查了许多关于数据列表的帖子，但它们很少包含这个问题，当他们这样做时，并没有真正提供解决方案或者它不起作用。下拉菜单由鼠标单击或按键触发，因此显而易见的解决方案是触发事件。这没有用，我能够触发事件，但它从未触发下拉菜单。程序事件从未触发下拉菜单，而用户事件却触发了。我什至尝试存储用户事件并使用它，这也不起作用。本质上，事件触发解决方案完全无法提供任何结果，遗憾的是我也没有代码了。有任何想法吗？

<input id="test-input" list="browsers">
<datalist id="browsers">
  <option value="Internet Explorer">
  <option value="Firefox">
  <option value="Chrome">
  <option value="Opera">
  <option value="Safari">
</datalist> 

标签： javascriptangularfirefoxhtml-datalist