输入为空时如何显示所有数据列表选项

时间:2019-05-13 21:11:34

标签: html5 google-chrome html-datalist

请参见以下示例:

<input type="search" list="list"/>
<datalist id="list">
  <option value="A1"/>
  <option value="A2"/>
  <option value="B1"/>
  <option value="B2"/>
</datalist>

首次单击输入时,它会显示所有选项。如果然后键入 A ,则显示所有包含a的选项。但是,如果您随后再次删除该文本(或单击清除按钮),它仍然仅显示包含a的选项。

当输入为空时,如何使它再次显示所有选项?

谢谢!

编辑: 我的第一个想法是在每个选项的标签上添加一个特殊的(不可见的)字符,然后在清除输入时将输入的值更改为该字符。

0 个答案:

没有答案