Question

您好，我正在寻找一种解决方案，可通过单击按钮来打开数据列表的选项列表。

<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>

请参考以下小提琴链接： http://jsfiddle.net/3zpco1xe/1/

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

有什么解决办法吗？

Answer 1

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

function showList(v)
{  
    document.getElementById('dd').value='';
}

<input value="" list="default" id="dd" onclick="showList(this.value)">


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

Answer 2

尝试

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

Answer 3

实现此目标的总体思路是，我们可以通过编程方式（手动）触发与该数据列表相关联的输入元素上的 HTML焦点事件或键盘启动事件。< / p>

这是一个可靠的解决方案。

Trigger html5 input datalist dropdown to show up

Answer 4

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

HTML数据列表打开列表onclick显示列表功能

4 个答案: