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

html - 输入列表选择更改事件

我有这个例子:

当用户选择选项(使用鼠标或键盘)时,我需要捕获一个事件。

我尝试这样做onchange="MySuperFunction();",但这仅在选择一个项目然后列表未聚焦时才有效。

0 投票
1 回答
1196 浏览

html - 更改 HTML 数据列表自动完成行为

我正在尝试为我正在开发的网站实现搜索自动完成功能。我正在使用 HTML datalist,选项从后端 MySQL 数据库动态生成(与 AJAX 通信)。但是,datalist 自动完成功能并没有像我想要的那样工作。如果关键字不按顺序排列,自动完成似乎会自动忽略结果。

例如,如果我想搜索字符串“苹果香蕉橙”,并在搜索框中输入“苹果橙”,则该字符串不会显示,即使它是我的后端生成的选项之一。

我假设这是某种固有的数据列表功能。我想知道是否有任何方法可以解决这个问题,或者是否有人对如何实现可以克服这个问题的搜索自动完成功能有一些替代想法?

谢谢你的帮助。

0 投票
0 回答
2199 浏览

javascript - setAttribute 设置列表的唯一选项 =在输入元素中?

我坚持设置列表元素的列表属性。

当然这不起作用,因为列表属性不是我想要的“list = {id for datalist}”。完成这项工作的唯一方法是使用 setAttribute。

如何在不使用 setter 而是直接更改属性的情况下解决此问题?

编辑:更好的片段。

sel.list = id,我也提到过,在我的代码中不起作用。

当我查看 Dragonfly 时,我看到 setAttribute("list", id) 没有设置列表属性。

0 投票
1 回答
311 浏览

html - 带有播放框架的 html5 数据集

我有一个语言列表,通过组合框我可以看到代码:

现在我想使用 datalist HTML 来自动完成带有代码的文本区域。我已经尝试过了,但它没有得到 @lang.langCode 值:

谢谢你。

0 投票
6 回答
29638 浏览

html - 如何在 html 中继续使用 datalist 元素时关闭自动完成功能

我有一个使用 html5元素input显示列表的字段。<datalist>问题是<datalist>浏览器自动完成功能还会显示历史列表(这是以前键入的值的列表,不包含在 中<datalist>)。所以我只想摆脱history-listnot <datalist>

如果我使用该autocomplete = "off"功能,这也会阻止<datalist>.

简而言之,我只想要不是<datalist>历史的。

0 投票
3 回答
33197 浏览

jquery - 动态 HTML5 数据列表

所以我在让我的 HTML5 数据列表从一个 javascript 数组中动态填充时遇到了一点问题,该数组是从一个对象的键的值中填充的,该对象的键值是通过 MySQL 数据库中的行填充的。呸!

MySQL 数据库 => 表 => 行 => JSON => Javascript 对象 => “名字”和“姓氏”键 => 名字数组 => 数据列表选项。

我成功创建了名称数组:

并设置一个循环将它们附加到数据列表中:

这是我的 HTML:

为什么这没有填充?

0 投票
3 回答
34988 浏览

jquery - 单击 HTML5 Datalist 选项时的 jQuery 事件

我现在拥有的:

所以我有这个 HTML5 数据列表,里面有很多选项,我有 2 个事件触发。当用户键入与填充选项的名称数组匹配的内容时,例如“Rick Bross”或“Jack Johnson”(keyup)。当用户开始输入名称时触发的另一个事件,它会弹出,用户向下箭头,然后点击“输入”(更改)。

问题:

当用户单击其中一个下拉选项,在他输入全名之前以及在对象模糊之前,我需要一个事件来触发。如果用户在完全输入名称之前立即单击一个,则这两个事件仅在输入模糊时触发该函数。

标记:

Javascript 事件和函数:

0 投票
1 回答
2061 浏览

javascript - 通过 Ajax 动态更新数据列表

我需要通过 ajax 更新一个 html 5 数据列表。
html代码在这里。

JavaScript 的伪代码。

在这里看到下面的网址首先写mang然后删除它并写bann
它给出一个建议
然后删除它并知道写mango bann这次它不能给出任何建议。为什么但是这个建议存在于数据库中。它只给第一个建议单词。
http://iws.uphero.com/qwe.html

0 投票
1 回答
8715 浏览

javascript - DataList 和 Enter 键事件

我有一个触发键事件的输入文本字段。输入时,我使用输入值处理一些特定代码。一切都很好。

哈姆勒:

JavaScript:

但现在我想在这个输入上添加数据列表。

哈姆勒:

问题是当我在 datalist 上导航以选择一个项目时,我按了 enter 键。在输入键上,我的侦听器被调用并使用输入的初始值处理我的代码。
在这一步,该字段的值为空。之后,该值将替换为在数据列表中选择的值。

所以我的问题是:

  • 有没有办法改变数据列表的行为,用数据列表选择的值替换输入值而不按回车键?(禁用数据列表的输入键)

  • 有没有办法检测数据列表何时处于活动状态(或可见)以处理我的 EventListener 中的不同行为?

0 投票
1 回答
3407 浏览

c# - HTML 5 数据列表选项

如何使用数据库中的数据将其放入 HTML5 的数据列表中

例如

如何从数据库中检索选项?而不是手动放置。我正在使用 asp.net C#