javascript - 以编程方式使 input[type=url] 的数据列表出现在 JavaScript 中

标签 javascript html google-chrome input html-datalist

在 Chrome 中和目前,数据列表仅在输入或双击 input 元素时出现,例如http://jsfiddle.net/r7Y4v/

我正在努力使数据列表更快出现。理想情况下,我会在输入旁边放一个小的“下拉箭头”,单击它会显示数据列表。

我正在寻找 webkit 解决方案。

最佳答案

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

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

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

因此看来您目前最好自己动手或使用现成的库。
在我看来'minimul datalist ' 图书馆相当受欢迎(阅读的好链接)。
在那个页面上有一个链接到它的 GitHub code和一个 demo page .

旁注: 我希望有人给出更好的答案!此外,起初我认为省略箭头是个好主意-按钮,这样人们就可以为下拉按钮提供更好的样式选项,如果他们想要一个可以连接到数据列表/自动完成/组合框的按钮的话。我很惊讶这一切似乎仍然没有明确说明并且不受本地支持。规范编写者,请给我们简单的原生组合框(早就应该了),然后添加过滤器之类的香料!


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

关于javascript - 以编程方式使 input[type=url] 的数据列表出现在 JavaScript 中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16133661/

相关文章:

javascript - 使用 JavaScript 填充 SELECT 选项在 Chrome 和 IE 11 中失败,但在 Firefox 中有效

javascript - 嵌套 javascript 对象中的值检查(可能不存在)

javascript - Selenium 找不到元素的原因有哪些?

javascript - Angular UI 路由器 : Different states with same URL?

javascript - 当顶部 div 展开时向下移动 div

html - CSS Trebuchet MS 与 Photoshop Trebuchet MS

javascript - 谷歌浏览器不尊重缓存控制中的最大年龄

javascript - JS : remove duplicate values in array, 包括原文

html - 专业程序员学习 Canvas 和 SVG API 的好资源有哪些?

jQuery:离线后 POST 错误(iOS 和 Chrome)