Автозаполнение при вводе JavaScript

Question

Я искал ссылку w3cschool для автозаполнения при вводе.

https://www.w3schools.com/howto/howto_js_autocomplete.asp

Вышеупомянутое работает только для первого порядка имен, например. Если название страны - США. Вам нужно ввести Uni, и он появится в раскрывающемся списке. Как заставить его работать, если вы набираете любую букву, например ted или state, чтобы она все еще отображалась. Соединенные Штаты в раскрывающемся списке.

Answer 1

Все, что вам нужно, это выполнить сравнение строк includes вместо starts With, и все должно быть настроено, если вы просто покажете соответствующую страну вместо f подстроки соответствующего текста.

if (arr[i].toUpperCase().includes(val.toUpperCase())) {
  /*create a DIV element for each matching element:*/
  b = document.createElement("DIV");
  /*make the matching letters bold:*/
  b.innerHTML = "<strong>" + arr[i] + "</strong>";

https://jsfiddle.net/9ym4Lcta/1/

Answer 2

На шаге 4 измените эту строку:

    if (arr[i].substr(0, val.length).toUpperCase() == val.toUpperCase())

Кому:

    if (arr[i].toUpperCase().includes(val.toUpperCase()))