以编程方式使输入[type = url]的数据列表与JavaScript一起出现

Question

在Chrome中,就目前而言,Datalist仅在键入或双击input元素时出现,例如http://jsfiddle.net/r7Y4v/

我试图让数据主义者更早出现.理想情况下,我会在输入旁边放置一个"下拉箭头",单击该按钮会使Datalist出现.

我正在寻找一个webkit解决方案.

Answer 1

我在规范中找不到如何执行此操作的任何内容。

我还注意到当前浏览器中的实现似乎有很大不同（单击与双击、箭头键、完整列表与过滤列表以及过滤器如何匹配部分输入等）。

对我来说，目前似乎仍然没有正常工作的组合框，并且数据列表似乎还处于起步阶段。

因此，看来您目前最好自己推出或使用现成的库。
在我看来，“最小数据列表”库相当受欢迎（很好的阅读链接）。该页面上有一个GitHub 代码和演示页面
的链接。

旁注： 我希望有人能给出更好的答案！另外，一开始我认为省略箭头按钮是个好主意，这样如果人们想要一个可以连接到数据列表/自动完成/组合框的下拉按钮，他们就可以有更好的样式选项。我很惊讶这一切似乎仍然未指定并且不受本机支持。请规范编写者给我们简单的本机组合框（已经过期这么久了），然后添加类似过滤器的香料！

编辑：自 2012 年 8 月以来，Chromium 项目有一个开放的功能请求，要求提供下拉功能：

• 问题 152375：使用数据列表在输入标签上添加下拉开关