См. Следующий пример:
<input type="search" list="list"/>
<datalist id="list">
<option value="A1"/>
<option value="A2"/>
<option value="B1"/>
<option value="B2"/>
</datalist>
При первом нажатии на входе отображаются все параметры. Если вы наберете A , то отобразятся все опции, содержащие a. Однако, если вы затем удалите текст снова (или нажмете кнопку очистки), он по-прежнему будет отображать только параметры, содержащие a.
Как мне сделать так, чтобы он снова показывал все опции, когда вход пуст?
Спасибо!
Edit:
Моя первая идея - добавить специальный (невидимый) символ к метке каждой опции, а затем, когда ввод очищен, изменить значение ввода на этот символ.