代码之家 › 专栏 › 技术社区 › Korty

Html datalist open list onclick show list函数

datalist html5 html javascript

0

Korty · 技术社区 · 7 年前

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

[输入][图标]

有什么解决办法吗?

2 回复 | 直到 7 年前

1

0

Alexander Chereshnev 7 年前

试试这个

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

推荐文章

Marcus · 数据列表中的动态值作为标签

8 年前

user2977985 · 需要在数据列表中实现javascript验证

9 年前

milacay · 根据条件显示列

12 年前

Hariss · 使用Jquery在DataList中显示/隐藏div

12 年前

Murat Akarsu · 如何更改数据列表代码后面的div类

13 年前

user1698255 · 如何从数据列表中获取文本框值?

13 年前