如何在datalist HTML5中不显示值？
<input list="search-results" value="userText" id="geocoder" autocomplete="off">
<datalist id="search-results">
<option value="userText">Address 1</option>
<option value="userText">Address 2</option>
<option value="userText">Address 3</option>
</datalist>
我正在创建实时搜索功能。如果用户输入文本，搜索功能启动，发出请求并获得结果。每个结果都是datalist中的一个单独选项，该选项是动态添加的。每个结果都包含一个我想要显示的字段“display_name”。不幸的是，“display_name”并不总是包含用户输入的确切文本。数据集筛选结果，并不显示所有结果。我的想法是在value字段中输入与用户输入相同的值--这样所有的结果都将显示出来。不幸的是，dataset显示选项的值和innerHTML。有什么方法可以隐藏价值吗？
共有1个答案
选项标签的label属性允许在某些浏览器上显示的文本和选项的值之间发生变化。
<option value="aaa" label="xxx">
我发现在Firefox上，datalist通过选项显示的文本进行过滤，而在Chrome上，每个选项都通过标签和值进行显示和过滤。您可以在下面的目标浏览器上尝试一下:https://jsfiddle.net/lyjwn0xs/1/
通过隐藏数据而不是显示数据进行过滤的目标似乎不符合datalist元素的默认浏览器功能，但您可以使用JavaScript自定义其行为。MDN在datalist页面的自定义datalist样式下有一个很好的例子。
-
问题内容： 我需要添加一个可以列出an元素的位置，并且我发现有一种更新更好的显示列表的方法- 。 我的问题是如何在我的应用程序中实现这一点。我发现我需要使用，但是我不太了解如何正确实现整个过程。 如果你想知道，我指的是这个的文档的例子，这是我一直在读。 编辑： 更新我的代码后，它说它无法解析该符号： 所以我以为我把它放错了地方（很可能），实际上我把它放到Adapter类的末尾，就在Method之后
-
问题内容： 我想在同一JFrame中显示同一图像的变体，例如在JFrame中显示图像，然后将其替换为同一图像的灰度。 问题答案： 每当您更新图像时，都必须重新粉刷。 这是一个有关该主题的简单Google提出的内容：（我将这些教程用于我的所有Java编码） Java教程：绘制图像
-
问题内容： 我有一个问题，如何向AllertDialog显示此数组item_detail？ } 这是我的代码： } 问题答案： 我还有一个问题，如何使图片显示在内容区域而不是图标中。你能再帮我吗？所以这是您的完整代码： XML：（alert_background.xml） Java代码：
-
问题内容： 我有简单的 HTML ： 我想在中显示HTML样式的文本。这个怎么做？ 问题答案： 您需要使用XML字符串中的HTML。仅在布局XML中引用带有HTML的字符串将不起作用。 这是您应该做的：
-
问题内容： 我正在尝试将google.com放入我网站上的iframe中，这可与包括yahoo在内的许多其他网站一起使用。但它不适用于Google，因为它只显示一个空白的iframe。为什么不渲染？有什么窍门吗？ 我已经尝试过以通常的方式在iframe中显示网站，如下所示： google.com页面未在iframe中呈现，只是空白。到底是怎么回事？ 问题答案： 这样做的原因是，Google正在发送
-
在以前版本的swift中，您可以在ViewController中创建AVCaptureVideoPreviewLayer，并使用view将其添加到默认视图中。层添加子层（预览层）。 在SwiftUI ContentView中如何实现这一点？SwiftUI中的所有视图类型似乎都没有addSublayer。没有文本（“你好，世界”）。层添加子层。。。。 我尝试添加previewLayer到Conten