我有一个使用 ajax 调用生成的数据列表,假设 DOM 如下所示
<input list='list' type='text'>
<datalist id="list">
<option>aa</option>
<option>ab</option>
<option>ac</option>
</datalist>
键入"a"作为输入应该给我一个所有 3 个选项的下拉列表,这在 Chrome 中效果很好,但是在 Firefox 中,即使我可以看到 DOM 中列出的所有 3 个选项,它也只会向我显示第一个选项。
这仅在我生成下拉选项时发生,使用预定义的下拉列表没有此问题。
检查您的浏览器和 html 版本
https://www.w3schools.com/tags/tag_datalist.asp