Автозаполнение Datalist показывает только значение опции, а не содержимое - PullRequest
Новая
       23

Автозаполнение Datalist показывает только значение опции, а не содержимое

0 голосов
/ 26 марта 2019

Если я набираю «Новый», в раскрывающемся списке я вижу только «Нью-Йорк», тогда как он должен быть «Нью-Йорк», , как указано в документации .

Я не уверен, в чем проблема, так как это работало раньше.

Я пробовал это в Chrome и Edge, и они оба не работают.

Что-то изменилось в фактическом компоненте?

Вот скрипка . 

<input list="countries">
<datalist id="countries">
   <option value="DE">Germany</option>
   <option value="FR">France</option>
   <option value="US">United States</option>
</datalist>

1 Ответ

0 голосов
/ 27 марта 2019

Выберите для установки value или textContent, но не оба. 

b.onclick = ev => console.log( i.value )
<input id=i list="countries">
<datalist id="countries">
   <option>Germany</option>
   <option value="France"></option>
   <option value="US">United States</option>
</datalist>
<button id=b>Get value</button>

Обратите внимание, что в Firefox он будет работать по-другому: с отображаемым раскрывающимся списком textContent и выбранным value в текстовом поле <input>: - (

...