问题标签 [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.

0 投票
1 回答
890 浏览

html - HTML5 数据列表中的口音

在表单中,我有一个带有数据列表的文本输入。在数据列表中,我添加了不会出现在我的文本输入中的重音术语。例如:如果我输入“a”,带有“ä”或“à”的术语将不会出现在建议中......

最好的办法是对口音不敏感

有没有人遇到过这个问题?

谢谢

0 投票
8 回答
34385 浏览

javascript - 如何获取数据列表的更改事件?

我正在使用数据列表,需要检测用户何时从下拉列表中选择某些内容。有人问了一个类似的问题,但我需要它,以便仅当用户从数据列表中选择某些内容时才会触发事件。如果他们在输入中输入内容,那么我不希望事件触发。(请注意,在我链接的问题的已接受答案中,它们绑定了输入,这不是我想要的)。我试过(没有成功):

编辑:这个问题与建议的问题不同,因为它是一个完全不同的问题。

0 投票
1 回答
1943 浏览

jquery - 为什么 .change() 不适用于 datalist 元素?有替代方案吗?

我已经对该主题进行了一些谷歌搜索,但由于浏览器对 datalist 元素的支持仍然很差,似乎没有人使用它或者之前没有真正问过这个问题。我有一个数据列表:

每个选项都应该链接到我在其中添加的 data-attr 属性中的页面。如果有更简单的方法可以让这些选项链接到页面,我只是不知道。这是我第一次尝试对 datalist 元素做任何事情。所以,如果我只是在根本上做错了,请随时带我去学校。

目前,我正在尝试在下拉列表更改时触发。我认为 jQuery 的 .change() 事件会处理这个问题,但事实并非如此。无论如何,我正在测试该事件以查看它是否会触发:

没有骰子。

在选项列表更改时,将此元素链接到这些页面有什么建议吗?

0 投票
1 回答
204 浏览

html - Datalist 建议显示 Chrome 中不相关的文本区域

好的,div问题是这样的。

出于某种原因,据我所知,只有在 Chrome 中,在做了主管名称之后,textarea 还显示了主管列表中的建议列表。现在,这很可能是我忽略的一些愚蠢的事情,并且有一些 jquery 检查日期等,但我一生都无法弄清楚这一点。下面的一些jquery。

0 投票
1 回答
365 浏览

html - 增加连续数据列表项之间的间距

我正在使用数据列表将下拉菜单显示为

如何增加 2 个数据列表行之间的间距。如果我尝试添加

这在 Safari 中显示良好,但<br />在 chrome 中显示为文本。

这怎么能解决。

0 投票
1 回答
226 浏览

iframe - 在 XULRunner 中,HTML5 数据列表不弹出/功能

上下文:准系统 XULRunner (*) 应用程序中的 iframe 包含下面的(验证)HTML5 文档。

问题:数据列表不起作用——它不会弹出显示过滤选项,它不与文本输入交互——实际上没有证据表明数据列表在做任何事情。当直接在 Firefox/Opera 中查看 HTML5 文档时,它会按预期运行 -按照这个 Fiddle

猜测:我怀疑数据列表没有在 XULRunner 中实现,或者<popup>XUL 本身需要解决方法。假设后者我没有找到任何特定于 datalist 的文档,并且迄今为止的所有猜测都不成功,即在 XUL 中:

使用这样指定的 iframe:

任何指导表示赞赏!

(* = XULRunner 版本 28 和 30)

0 投票
1 回答
10153 浏览

html - 带有滚动条的 HTML 数据列表

我正在使用 HTML 并尝试制作如前图所示的列表。但是,通过使用datalist我无法获得滚动条。你能告诉我如何在数据列表中启用滚动条。(注意:不能在我的网站中使用脚本语言来实现这一点)。

在此处输入图像描述

0 投票
5 回答
18183 浏览

javascript - 如何验证来自 html5 Datalist 的输入?

我想知道如何验证来自Datalist. 我的意思是,如果我有一个Datalist用户可以开始写入一个值,然后从 中选择它Datalist,但用户决定不从列表中选择任何值,他提交的表单具有不完整的值,即发送的值会错的。

我考虑过迭代所有元素,Datalist但我认为如果Datalist具有超过 1.000 个值并且我不知道任何其他方法来验证它,这不是一个好主意。

Datalist这是我将要使用的示例:

0 投票
3 回答
23385 浏览

html - 如何更改数据列表的显示宽度

我对 HTML 数据列表有一个简单的问题,但不知何故无法解决这个问题。我试图更改以下数据列表的显示宽度:

但无论我尝试什么,它仍然会减少“长”选项值。我该如何更改它,以便数据列表显示所有选项值,无论它们有多长?

此致

0 投票
2 回答
2644 浏览

html - Is it possible to disable the dropdown feature from datalist?

I have a text field where the user is supposed to enter a city. The cities are in the form of a datalist selected from my databse. However, I don't want the user to be able to click the little arrow and see a dropdown of all the cities. I only want the cities to show once the user has started typing.

I looked around online and only found a solution to hide the arrow, without disabling it; i.e. if you click where the arrow should be, there is still a dropdown.

Is there anyway to disable this feature altogether?