请参见以下示例:
<input type="search" list="list"/>
<datalist id="list">
<option value="A1"/>
<option value="A2"/>
<option value="B1"/>
<option value="B2"/>
</datalist>
首次单击输入时,它会显示所有选项。如果然后键入 A ,则显示所有包含a的选项。但是,如果您随后再次删除该文本(或单击清除按钮),它仍然仅显示包含a的选项。
当输入为空时,如何使它再次显示所有选项?
谢谢!
编辑: 我的第一个想法是在每个选项的标签上添加一个特殊的(不可见的)字符,然后在清除输入时将输入的值更改为该字符。