问题标签 [html-datalist]

我注意到，当您将文本字段连接到数据列表时，不同的浏览器在建议文本字段的值方面有不同的行为。一些浏览器会显示以您输入的内容开头的条目（IE，较旧的 chrome 版本），而其他浏览器会显示包含您作为子字符串输入的内容的条目（firefox，较新的 chrome 版本）。

例如，i在文本框中键入，然后观察建议：

（或者这里是一个小提琴，如果你喜欢http://jsfiddle.net/yaj8ut3m/）

在 IE 中，它只会提示Internet Explorer, 但 firefox 和最近的 chrome 会提示Internet Explorer,Firefox和Safari.

有什么方法可以指定使用哪种自动建议过滤行为？

注意：不接受 javascript 解决方案

是否可以将图像添加到数据列表选项中？我正在为我的用户构建一个搜索，我希望头像与名称和生物一起出现在数据列表中，就像在 Twitter 或 Facebook 上一样。该$avatar变量具有指向图像的链接或 src。

由于 Safari 不支持 datalist，是否还有 datalist 的替代方案？

我有一个有很多选项的数据列表，列表太长我想给它垂直滚动。

这里是演示问题
FIDDLE

我遇到了一个问题，我使用 AJAX(JSON) 填充数据列表。我希望能够从数据列表中选择选项并单击“查找时间表”按钮并根据该选定的项目 ID 进行更多的 ajax 调用。我的代码如下所示。

我的 HTML

成功填充项目列表的我的 AJAX

按钮的我的 ONCLICK 事件监听器

我正在尝试使用仅包含数字的 datalist 实现一个输入字段。我注意到 datalist 的自动完成功能不适用于等于数字的 datalist 值。

如何使自动完成功能适用于数值？

例子

我的应用程序中有一个 html5 数据列表，如下所示：

input在我将元素更改为readonly这样之前，它工作得很好：

然后专注于输入元素现在什么都不做......

我已经得出这样的假设，即根据规范，带有list属性的文本输入也不应该是只读的。几乎就像说，“如果你想要只读，那么使用select标签”。为了使这件事更加复杂，我几乎可以肯定这个设置（带有readonly）曾经在这个应用程序上工作过。不幸的是，在我最初的网络搜索中，答案并不明显。

我的假设是正确的，还是我错过了什么？

我有一个带有选项和自定义属性的数据列表。

它显示在弹出窗口中。当弹出窗口关闭时，必须在函数中使用值和自定义属性值...

我试过了：

没有任何效果。

我可以使用 on-event 获取值，但这不是我的选择。

我注意到IE 11 和使用 HTML5 datalist 的 Firefox 34中的不同行为。在 Firefox 中，可以使用箭头键浏览项目，按下 tab 键时，当前焦点项目被选中。在 IE 中，导航方式与此相同，但要选择一个项目，则必须按 Enter 键。对于我的应用程序，有必要在 Firefox 中实现该行为。我尝试捕获 keydown 事件以按下 tab，然后使用 enter-keycode 触发 keydown 事件，但它不起作用。有人知道如何在 IE 中按选项卡实现选择元素吗？

Datalist 只是正常实现

小 jfiddle: DEMO FIDDLE 尝试在不同的浏览器中打开它并开始使用 tab 并输入，你会看到不同的。

我需要从数据列表中获取价值并保存到@Html.HiddenFor

以下是我的详细信息：

问候

i have a form that has an input field that uses a datalist, what i want to do is when something is selected from that field, update another input field with what was selected, here is what i have so far

this kind of works, it is selecting the right input field to detect the change, however it's not putting the value in. if i change

to

it does put the value of all the other select fields in there any ideas?