在文本框的单击事件上触发datalist选项
如何在单击相应的文本框时显示或触发datalist选项？ 我有一个数据列表，选项说10.在chrome中，会显示一个下拉图标，允许用户知道它有一个下拉列表。 但是在Firefox中，图标不可用。因此，用户可能不知道它是一个下拉菜单而只是一个文本框。所以我想在点击该文本框时显示datalist选项。 任何帮助赞赏。
也许解决方案可能是这个（ 小提琴 ）
首先，我使用input :: – webkit-calendar-picker-indicator删除了chrome中的默认箭头
在元素之后我在content属性中设置了一个小图像
使图像可点击使用指针 – 事件：无
此解决方案适用于最新版本的Chrome，Firefox和IE
如果这个解决方案不符合您的需求，我会为您浪费时间而道歉。
这是一个无法修改的浏览器内置function。 Safari和IE10的低版本也不支持datalist
要完成此function，请使用此polyfill ： webshim 。 这将为Safari和IE-提供function支持，并将datalist列表转换为常规ul列表，然后您可以轻松附加事件以显示/隐藏列表而不会丢失自动完成function。