问题标签 [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 回答
3633 浏览

html - 是否可以在给定的字符串长度上触发 html5 数据列表?

是否可以在给定的字符串长度上触发 html5 数据列表?

想显示用户输入的 3 个字符的建议。

0 投票
3 回答
9483 浏览

javascript - 如何将angularjs ng-click与html5 datalist一起使用

我正在使用 AngularJS,并且我想在ng-click选择数据列表 (html5) 的元素时使用该指令。

这是我的实际代码的示例:

它不起作用,永远不要执行 js 方法 goCity.. 任何想法?

0 投票
1 回答
953 浏览

cordova - 在 PhoneGap 中制作类似数据列表的东西

我目前正在制作一个具有文本框“客户端”的应用程序,用户可以在其中输入客户端。然后 texbox 让他对以前的客户提出建议。

我发现 adatalist将是最好的解决方案,但不幸的是,它似乎还不受 PhoneGap 支持。

那么PhoneGap有类似的东西吗?当用户在文本框中输入内容并以某种方式建议以前的客户时,在哪里?

0 投票
3 回答
2123 浏览

javascript - 使用 HTML 数据列表按内部文本搜索

我正在使用一个简单的 HTML5 数据列表,它用作 Chrome 浏览器上的自动完成下拉列表。我使用的数据列表是这样的:

这是一个jsFiddle

问题是当我开始输入一个值时,搜索是在而不是文本上完成的。该值也会显示给用户。

基本上,我想做的是:

1) 按内部文本搜索

2) 当用户查看下拉列表的选项时,只显示内部文本。

我做了一些谷歌搜索,但找不到这个非常简单任务的答案......

0 投票
11 回答
68401 浏览

jquery - 使用jQuery获取datalist中的选定值

非常简单直接。当我想选择一个值并将其插入 SQLite 数据库时,我在表单上预先填充了一个带有值的 HTML 数据列表。这是我的示例代码,它不起作用。请帮忙。HTML5 数据列表表单创建:

这是不起作用的示例 jquery 代码:

0 投票
1 回答
2373 浏览

javascript - 输入+数据列表的事件处理程序

我想使用类似这个片段的东西

但是,只要更改选择(或编辑值),我就需要运行一些JS代码。有没有办法为此连接事件处理程序?

0 投票
1 回答
351 浏览

html - 与数据列表中的 ID 混淆

我有一个关于datalistHTML 的问题。

我读过“简而言之,这name是您提交表单时发送到服务器的标识符。这id是浏览器、客户端、javascript 等的唯一标识符。”

那么为什么datalist不需要 a namename提交表单时 不需要识别吗?

0 投票
1 回答
510 浏览

jquery - 数据表数据列表选择值

请问,这段代码有什么问题。将数据列表中的选定值添加到数据表不起作用。我究竟做错了什么?这是 HTML 代码:

这是 jQuery 代码:

0 投票
2 回答
13875 浏览

angularjs - html datalist 不支持 ng-options:如何传递对象

我正在使用 mobile-angular-ui (angular+bootstrap) 开发一个应用程序。在我的登录页面中,用户可以记住他们的凭据(用户名和密码)。用户数据ara保存在localStorage中。

这很好用。我可以使用 datalist 在我的登录页面中加载用户:

我可以选择我想要的 item.username,但我无法选择相应的 item.password。我的问题是 datalist 不像 select 那样工作,我不能使用 ng-options。我必须使用 option+value 将我的值传递给输入。

我可以使用 ng-change="theSelectedUserIs(item)",但我无法传递 item 对象,因为 datalist 与用户名输入相关,所以我需要传递 item.username。

任何想法?我不想使用预输入,因为实际上在 bootstrap3 中已弃用或添加其他库/js/css。我只想使用 angular 和 html 来做到这一点。

我的控制器:

userMemoList 是一个对象数组,例如: {"username":"admin", "password":"admin"}, ...

谢谢。

0 投票
2 回答
2886 浏览

jquery - 在文本框的单击事件上触发数据列表选项

单击相应的文本框时如何显示或触发数据列表选项?我有一个选项为 10 的数据列表。在 chrome 中,会显示一个下拉图标,让用户知道它有一个下拉列表。但在 Firefox 中,图标不可用。因此,用户可能不知道它是一个下拉列表,只是一个文本框。所以我想在单击该文本框时显示数据列表选项。任何帮助表示赞赏。