问题标签 [html-datalist]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
html - 缺少 HTML5 chrome 浏览器数据列表滚动条
Chrome 浏览器似乎没有 datalist 的滚动条。它适用于 Firefox 和 IE，但不适用于 chrome。这是不符合 HTML5 标准的 chrome 问题吗？我可以用 CSS 手动添加它吗？
jquery - 下拉列表格式？
有没有办法像图片一样格式化下拉列表，当我单击下拉列表时，我在其中显示两个字段列？如果是这样，这可以用 HTML5 datalist 或 jquery 来完成吗？
jquery - 如何仅显示 datalist HTML5 中的文本而不显示值？
这是一个例子：
http://jsfiddle.net/j7ehtqjd/1/
我想要实现的是，当我单击输入元素时，不会显示值，而只会显示文本（即 1、2、3、4、5）。即该值应该像一般下拉列表（元素）一样被隐藏。<select>
这个自动完成功能是必要的，否则我会选择正常的下拉菜单。
javascript - 在 HTML 中的 Datalist 中查找所选项目
我有一个类似这样的数据列表
我正在使用 jquery 将“选项”添加到数据列表中。现在的问题是我如何才能找到用户在 datalist 中选择/单击了哪个选项。我想在用户选择/单击选项后立即获取选项的 ID？
php - 通过选项传递值的 HTML 数据集
我正在使用带有选择列表的 HTML 属性数据集。
如您所见，选项值与显示的文本不同。如果我正在使用，<select>我可以将值传递到表单中，同时只显示我想要的文本。有没有办法做到这一点<datalist>？目前，我的表单返回带有 product_code 和 product_name 值的输入类型。
javascript - 如何使用 JavaScript 刷新 HTML5 数据列表？
我正在将选项datalist动态加载到 HTML5 元素中。但是，浏览器会尝试datalist在选项加载之前显示。这会导致列表不显示或有时显示部分列表。加载选项后，有什么方法可以通过 JavaScript 刷新列表？
HTML
JavaScript
注意：在 Chrome 和 Opera 中，仅当用户在输入文本后单击输入时才会显示整个列表。但是，我希望整个列表显示为用户类型。Firefox 不是问题，因为它似乎会在更新选项时自动刷新列表。
更新
我不确定这个问题有一个令人满意的答案，因为我相信这只是某些浏览器的一个缺点。如果 adatalist被更新，浏览器应该刷新列表，但有些浏览器（包括 Chrome 和 Opera）根本不这样做。黑客？
html - 把 CSS 放到
所以现在我有一个简单的数据列表下拉菜单，我想更改它的 CSS，以便样式与网站上的其他字段匹配。然而，我是一个网页设计新手，我对完成这个过程感到有点困惑。
参考：http: //jsfiddle.net/ryax5L29/20/
这是我要使用的 CSS
我那里也有 CSS，imo 内联 CSS 是最容易的，但如果有人能指导我完成那将非常感谢！
jquery - 当建议列表很大时，html5 数据列表不会下拉
我使用 datalist 建议为特定文本输入选择数据，但是当 datalist 的大小太大时（我还不知道正确的数字，但很确定当大小大于 40 时会发生这种情况） .
我使用数据列表如下
此处显示大小不是“太大”时，单击向下箭头按钮时数据列表可以下拉。
但是当数据列表“太大”时（在本例中实际数字为 42），单击向下箭头按钮时不会下拉建议列表。
作为记录，这发生在 Linux Chrome 浏览器版本 39.0.2171.95
有什么建议可以解决这个问题吗？
html - 带有选项值的输入文本的 HTML 数据列表
在谷歌浏览器中，这允许我在输入“b”或“r”后从下拉列表中选择“红色”和“蓝色”：
但是，在 Safari 中却没有。
为什么？
如果我希望它在 Safari 中这样做，我需要做什么？