问题标签 [html-datalist]

我有一个在 Chrome（桌面）中工作的 HTML5 数据列表，但是在 Android 和最新的 Chrome 中使用相同的输入时，自动完成功能不再起作用。

Android中的Chrome不支持此功能吗？

我想修改我的数据列表的不同选项列表的显示方式。是否可以在其上应用一些 CSS 属性？

我试过

但它似乎不起作用。

每当用户从自动完成列表中选择时，我都会尝试捕获一个事件。我尝试将 onClick 事件放在选项标签中，但它永远不会触发。

这是代码：

我正在使用该标签为我的搜索框创建建议列表，但我无法从数据列表中选择多个值。目前，我的 HTML 是：

它将为一个项目提供建议，但之后这些建议不会为我的第二个选项建议自动完成。我认为“多个”标签是我所需要的（以及在线建议的），但它似乎没有达到预期的效果。

有什么建议么？

我发现新的<datalist>通常非常有用，但我认为这些建议不够明显。有没有办法使用javascript触发数据列表建议的显示？

<input type="number">例如，我在（jsFiddle）上有一个数据列表。

在 Chrome 中，仅当输入为空、已获得焦点且用户单击输入时，才会显示完整的建议列表。向下箭头不显示建议 - 它只是减少值。

我想让这些建议更明显。作为一个例子，我添加了一个应该打开建议列表的按钮。我在 onClick 处理程序中放了什么？

在这个示例中，我使用了 Chrome、jQuery 和数字输入，但我更喜欢独立于所有这些的通用解决方案。

我在 Chrome 和 Firefox 对 HTML5 datalist 元素的处理之间出现了一个问题。

我可能正在滥用它，Firefox 正在以我期望的方式处理它，但 Chrome 不是。我还没有在 Opera 上尝试过。这是一个内部页面，所以我可以控制正在使用的浏览器。

我设置了一个值以及内部文本，如下所示：

服务器端值“OptionsList”是从数据库查询中动态构建的。最终结果大致如下所示：

等等

在 Firefox 上，我可以输入字母“S”，然后输入“A”（不区分大小写），上述两个条目都会出现。只要我键入“W”或用鼠标选择 Sawatdee，文本框就会填充 234。这就是我希望发生的事情 - 因为我希望将 234 发送回服务器而不是 Sawatdee。如果我输入“A”然后输入“T”，它也可以工作。

在 Chrome 上，我可以输入我想要的所有字母，但列表中不会出现任何内容。但是，如果我输入 2，则只会出现第二个条目；但在列表中它会显示一个 2，然后是 Sawatdee。

我是过度使用/滥用数据列表还是 Chrome 有问题？或者 Chrome 是否按照技术上应该的方式处理它并且我发现了一个 Firefox 错误？

我正在使用数据列表来填充实时搜索框。该框从数据库中搜索城市，并且数据列表应填充最多 10 条建议，这些建议在用户键入时会发生变化。

但是，显示的建议与数据列表中的选项不完全对应，我只能看到其中的几个。例如，假设我会搜索纽约市。第一个建议在我完成输入“New”之前不会出现，我看到的城市是“New Glasgow”和“New Westminster”，在查看源代码时，我可以看到数据列表确实填充了 10 个开始的城市与“新”。

“New Y”给了我“New Yekepa”，而数据列表中填充了“New Yekepa”、“West New York”、“East New York”和“New York City”。“New Yo”一直到“New York”只给了我“New York City”，但源代码中当然还有东西方。

这是在 Chrome 中。当我在 Firefox 中尝试它时，它的效果稍微好一些，显示了更多的结果——有时是全部 10 个，但更常见的是我可以看到数据列表中出现的 10 个中的 7-8 个。

例如：

选择数据列表中的项目时是否可以捕获事件？在输入元素上调用 onclick 或 onchange 不起作用。

我想根据 JSON 数据填充数据列表以创建自动完成字段。

多亏了这个教程，我已经成功地完成了以下工作：

这个json数据：

我可以使用以下代码进行解析： $(document).ready(function() {

并且自动完成按照我链接到的示例工作。

我正在尝试将其解析为我的数据源：

我正在尝试让“正文”在数据列表中自动完成。我不确定如何让它与这个更复杂的 json 数据一起工作。

当数据列表中有很长的元素集时，它们都会在旁边显示一个滚动条。有没有一种简单的方法可以只显示前 5 个，而只显示其他的？

例如：http: //jsfiddle.net/yxafa/