Как скрыть выпадающий список в списке данных, когда он пуст - PullRequest
Новая
       12

Как скрыть выпадающий список в списке данных, когда он пуст

0 голосов
/ 27 апреля 2018

У меня есть вход и список данных в качестве автозаполнения поиска с динамическими данными. Когда я набираю «F» на своем входе, я ищу с помощью своих конечных точек те элементы, которые соответствуют моему запросу. Такие как 

<form >
<input list="browsers" name="browser">
<datalist id="browsers">
  <option value="Firefox">
  <option value="Chrome">
  <option value="Opera">
  <option value="Safari">
</datalist>
<input type="submit">
</form>

Результаты отображаются правильно, когда вы ищете что-то вроде «F». enter image description here Результаты после удаления "F":

enter image description here

Моя проблема заключается в том, что когда я удаляю свой запрос из своего ввода, и запрос пуст "", я все равно получаю те же результаты, и я не могу скрыть этот раскрывающийся список, пока не нажму нигде.

Как я могу скрыть этот выпадающий список, пока я не решу снова начать ввод?

Я использую Google Chrome Версия 66.0.3359.139 (Официальная сборка) (64-разрядная версия)

...