问题标签 [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.
javascript - Opera:添加“列表”属性时遇到问题
今天我决定通过用户脚本将 html5 数据列表添加到某些输入中。这是代码。问题是list
没有添加属性。如果我将其更改为不同于 的任何内容list
,例如lst
- 它就在那里。
应该是这样吗?这种行为是由规范还是由浏览器设置的?
javascript - HTML5 DataList 是否有 SelectedIndex?
您可以选择option
任何select
元素的电流:
我可以对 DataList 做同样的事情吗?像这样的东西:
html - HTML 表单:Select-Option 与 Datalist-Option
我想知道 Select-Option 和 Datalist-Option 之间有什么区别。在任何情况下使用其中一种会更好吗?每个示例如下:
选择选项
Datalist-选项
html - HTML5 数据列表在 Firefox 6.0.2 中不起作用
虽然,HTML5 上的大多数在线资源都提到数据列表在 Firefox 4 及更高版本中受支持,但它不适用于我的 Firefox 6.0.2。
还尝试了http://www.html5tutorial.info/html5-datalist.php上的示例。它仅在 Firefox 4 中有效吗?有没有办法检查 Modernizr 的支持情况?
问候,小号
html - 如何使 html 表单数据列表选项的显示和值不同?
如何使 html 表单数据列表选项的显示和值不同?
例如,对于选择选项字段,我可以这样写: <option value="Fake">Sample</option>
其中显示“Sample”,但“Fake”是发布的值。
对于数据列表,<option value="Sample" />
“样本”既显示又用作发布值。
我怎样才能做到这一点,以便我可以在数据列表中发布与 Sample 不同的值?谢谢!
我需要这个,以便我可以从 MySQL 动态填充数据列表,例如在使用 ID 时显示名称<option value="2">Bob</option>
(如果这是一个选择选项字段而不是数据库字段)。
我发现我可以使用<option value="Fake" label="Sample"/>
,它将隐藏在 Firefox 中,但 Opera 仍然显示值和标签。任何人有任何进一步的想法来显示样本,但隐藏假?
jquery - 在datalist select上获取其他属性的值
我有一个数据列表:
我想要做的是获取存储在data-subjectid
所选值的属性中的值。到目前为止,我一直在做的是.each()
像这样在 jQuery 中调用函数:
有没有更好更快的方法来做到这一点?
css - 使用 HTML5 时是否可以设置下拉建议的样式
看这里: http: //jsfiddle.net/zemar (必须使用Firefox或Opera才能看到)
当您单击 时select
,下拉菜单的样式会匹配,但如果您开始从文本框中的数据列表中键入一个术语,则出现的建议没有样式,因此它与其余部分不匹配造型。
是否可以设置下拉菜单的样式?
javascript - 默认情况下从数据列表中选择第一条记录?
我在 .asp 线程中看到过这个问题,但我没有使用 .asp,所以答案不是很有帮助。我正在使用 html,但如果需要,可以使用 javascript 来实现这个目标。
我所拥有的是一个标准的 html 输入,其中包含一个可用选项的数据列表,如下所示:
问题是,如果有人实际上键入“g”或“ap”或任何内容,然后按下提交按钮,它不会选择默认记录。它会缩小列表的范围,但键入“Grapes”并按 Enter 不会得到与实际单击选择中的“Grapes”相同的结果。
如何强制选择第一条记录,即使用户只键入该记录的一部分?
javascript - 使用 JavaScript 在 IE9 中获取数据列表选项
此代码适用于除 Internet Explorer 9 之外的所有主要浏览器。我不明白我做错了什么,这可能是我遗漏的一些简单的东西。
复制此代码(或使用此 jsFiddle)以查看 IE9 中的问题:
我希望它最终尽可能跨浏览器。
javascript - 如何在 MySQL 中使用 HTML5 Datalist
HTML5 引入了新的标签datalist
,它连接到<input list="datalistID">
提供自动完成功能。
问题是 - 将此数据列表建议连接到具有大量行(假设为 50K)的 MySQL 表的最佳方法是什么。