问题标签 [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 投票
2 回答
63 浏览

javascript - 数据库中结果的数据列表

我有这个链接,它显示了如何预定义可能的答案以便于搜索。我很好奇,是否有可能制作一个...表单,从特定列中的所有行加载数据并设置为数据列表?

0 投票
6 回答
71692 浏览

javascript - javascript中数组中的html数据列表值

我有一个简单的程序,它必须从服务器上的文本文件中获取值,然后作为输入文本字段中的选择填充到数据列表中。

为此,我要采取的第一步是我想知道如何将 javascript 数组动态用作数据列表选项。

我的代码是:

我想填充包含数据列表的输入文本字段作为数组的建议。同样在这里我没有考虑数组值。实际上我不需要两个 datalist 选项,而是 dxnamic 取决于数组长度

0 投票
2 回答
6952 浏览

javascript - 从数据列表中删除项目

我有一个有效的 Ajax 调用和填充数据列表的函数。datalist 用于从有限列表中选择添加到页面上的 UL 元素。一旦我将数据列表中的一个添加到实际列表中,我想从数据列表中删除该选项。我使用的蛮力方法是清除数据列表并重新填充它。

我已验证该list_str对象是正确的。即,它仅包含当前列表中尚未包含的选项。但是在populate_datalist_from_array使用该新列表调用后,下拉列表中的数据列表不会改变。这是因为浏览器基本上已经编译了所有存在的值(就像它是一个普通的、基于浏览器的自动完成)并且没有“忘记”我想要删除的值?

0 投票
2 回答
2047 浏览

html - Datalist 在 Safari 中不起作用

我使用数据列表制作了一个简单的自动建议框。它在 Safari 中不起作用。是否有任何解决方法。

我将只使用这 6 个机场。有什么方法可以实现它以便在 Safari 浏览器中工作?

0 投票
1 回答
26327 浏览

javascript - 我无法获取数据列表中输入的值?

我有一个如下所示的数据列表框:

我有一个 JavaScript 代码,它必须从此数据列表中获取值。

我尝试了以下所有方法来获得价值

它似乎不起作用。

我的 JavaScript 或 HTML 代码有问题吗?

当我使用控制台获取值时: 当我使用控制台获取值时

0 投票
2 回答
19126 浏览

html - HTML5 datalist 可以区分值和选项文本吗?

HTML5 表单的 list 属性/datalist 元素显示了一个下拉菜单,其中包含可供选择、编辑甚至输入一些文本的选项。所有这一切都可以通过简洁而强大的代码立即实现:

但是,如何使这样的表单发送与选项文本不同的值,如通常的选择/选项(如下)?

0 投票
0 回答
1032 浏览

html - 如何让 IE 10 显示长数据列表中的所有选项

我有一种情况,我正在使用 HTML 数据列表和文本输入供用户选择或输入一个状态,其中有很长的选项列表。Firefox 和 Chrome 将启用滚动条,以便能够选择列表下方最初不可见的选项。在 Chrome 中,当您使用 autocomplete="off" 属性时会启用此功能。不幸的是,在我知道的任何情况下,IE 10 都不会显示滚动条,因此用户无法看到或选择最初可见的内容,即使他们尝试按下列表底部也是如此。

有谁知道让 IE 10 在很长的数据列表上显示滚动条的解决方案?

你可以在 JSFiddle 上看到我的例子:

http://jsfiddle.net/amGY9/15/

0 投票
2 回答
4293 浏览

javascript - KnockoutJS - 将值从输入链接到数据列表值

我正在生成一个datalist基于 ko observable 的选项。

HTML:

好的,这是交易:在Company函数中,我存储了该公司的 ID。我想做的事?能让我将 Id 值链接到 selectedCompany 变量而不是名称的东西?我想显示名称属性,但我需要存储 Id。

有没有办法做到这一点?谢谢你们!

0 投票
1 回答
10674 浏览

html - 如何设置数据列表以显示所有焦点选项?

我想创建一个下拉菜单,如下面的快照所示。我用谷歌搜索并知道这HTML5 datalist可以帮助我做到这一点。但是,当焦点位于 datalist 上时,它不会显示所有选项。如何显示所有选项?

快照

到目前为止,这是我的代码:

0 投票
1 回答
2801 浏览

jquery - 通过按回车键确定是否从 HTML 5 数据列表中选择了一个元素

我有一个带有 icdCodeInput 类的 HTML 5 数据列表。当我使用鼠标或按 Enter 从列表中选择一个项目时,会触发上述事件。如果通过按回车键选择了项目,我如何区分事件内部?