何时显示与<datalist>关联的下拉列表？

Question

我有一个与<datalist>相关联的动态<input>：我输入的<option>列表已被修改。

问题在于，尽管<option>中有<datalist>个条目，但下拉列表不会显示。

下面是一个展示：我们从一个空的搜索字段开始

我开始输入一个字母，所有<option>都可用

在几个字母之后，一些<option>被动态删除（下面是只剩下一个的情况）

为什么总是看不到可用选项的下拉列表？如何触发其可见性（如果可能）？

Answer 1

使用datalist条目创建的下拉列表将动态地 - 并且仅 - 显示与您已键入的条目匹配的条目。如果您已在该字段中键入“ent”，则下拉列表将仅包含在某个位置包含字符串“ent”的条目，例如“entry”，“gentrification”，“goes”，“entity”等。如果该字段仍为空，则下拉列表将显示所有可用条目，因为没有要匹配的字符串或字母。