问题标签 [html-datalist]

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

我正在尝试使数据列表更快出现。理想情况下，我会在输入旁边放一个小“下拉箭头”，单击它会使 Datalist 出现。

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

当用户键入时，我正在使用以下脚本动态更新 html5 数据列表：

效果很好，只是数据列表通常不会立即显示。当我检查元素时，html 就在那里，但数据列表不会在更新后立即显示。我怎样才能强制它显示？

为了记录：它有效......我只是希望它总是能立即显示新的建议。

我试图让一个<datalist>元素列出两个“<select>一个水果”元素的水果。

给定html：

包含第二个<select> 破坏我的代码（小提琴演示）。如何处理以使它们都在相同的数据列表（或类似的值列表）上工作。

编辑： <select />更正为<select></select>（@richard）

我在我的项目中实现了一个数据列表，它可以工作。但是，我的问题可以在这个简单的教程中看到。如果您键入Explorer，为什么找不到Internet Explorer？

http://www.w3schools.com/tags/tryit.asp?filename=tryhtml5_datalist

HTML5 元素<datalist>有一个属性data="filename.xml"，其中 filename.xml 应如下所示：

但是，这似乎还没有实现（尝试过 Chrome、Safari、Firefox、Opera）。有浏览器实现吗？（很快会吗？）

编辑：来源

这是示例 html 文档。为喜欢的输入文本框添加了 datalist 标记。但它确实出现了。有任何想法吗？

我有一个表单，我有一个文本类型的字段，我希望它在用户输入内容时有一个建议列表，我这样做是这样的：

所以在我使用的软件的测试浏览器（CoffeeCup HTML 编辑器）和最新的 Internet Explorer 中它确实可以工作，但是当我在 Chrome 中运行它时它只是一个简单的文本字段并且没有下拉列表
如果我键入任何元素的第一个字母，实际上会弹出一个列表，但最好显示一个完整的列表，就像在 IE 中一样。

我必须为 chrome 做一些特别的事情吗？

铬合金：

IE：

我有一个带有单个输入的 html 搜索表单。在输入字段中，用户可以写三个不同的东西：地区名称、跋涉名称、其他关键字。

• 区域不在数据库中，所以我只有一个数据列表字段 (HTML) 连接到我的输入，它会自动完成用户的区域名称。
• 跋涉来自数据库，所以我让 JqueryUI 自动完成从服务器加载名称，当用户选择名称时，站点将他发送到正确的页面。
• 当用户填写任何其他内容并按搜索时，表单会将他发送到具有正确结果的搜索页面。

我的问题是：

如果用户从列表中选择区域名称，我希望搜索将用户发送到区域页面。jquery 自动完成具有 select 道具。datalist 有类似的东西吗？也许有一个选项自动完成将从两个不同的资源加载？（一个客户端和一个服务器）

脚本：

提前致谢

当单击按钮使输入元素成为焦点时，我试图自动向用户显示 datalist html5 元素的所有选项。通常，当用户单击关联的文本输入元素两次时，会显示所有选项。我想以编程方式模拟这种行为，以便用户在开始输入之前可以看到所有选项。

我尝试通过使用$('#text-input').focus();（这有效）然后使用 jquery .click()（一次和两次），.dblclick()甚至.trigger('click')使用 jquery.simulate.js 来模拟单击和双击。所有这些都会触发$('#text-input').click(function() {...});但实际上不会影响浏览器中可见输入元素的状态。

这是我的 HTML：

我的代码与 dblclick 尝试：

这是一个取自 MDN 的例子。

目前，当我在输入元素中键入 E 时，不会出现任何建议。如果输入值元素位于选项值中的任何位置而不是起始值，我想显示建议。

在 JSBIN 中尝试

可能吗？目前我正在使用 jquery Ui Autocomplete 来完成此功能。谢谢。