Javascript Html数据列表打开列表单击显示列表函数

您好，我正在搜索一个通过单击按钮打开datalist选项列表的解决方案

<input value="" list="default">
<i class="fa fa-caret-down innerinput" onclick="showList();"></i>

<datalist id="default">
  <option value="Internet Explorer">
  <option value="Firefox">
  <option value="Chrome">
  <option value="Opera">
  <option value="Safari">
</datalist>

请参阅此小提琴链接：

[输入][图标] ->图标显示数据列表选项 （如果您单击输入字段，则此功能可用）

有什么解决办法吗？

试试这个

function showList(){
    cat = document.getElementById("default");
    cat.style.display = "block";
}

---

不幸的是，没有办法做到这一点。

请单击图标以显示列表。希望这对你有帮助

功能显示列表（v）
{  
document.getElementById（'dd'）。值=''；
}

---

实现这一点的总体思路是，我们可以通过编程（手动）在与该数据列表关联的输入元素上触发HTML焦点事件或键控事件。这是一个健壮的解决方案。