Как находить при помощи autocomplete?

Question

[Иван Симонов]

Есть код - Fiddle

Поиск работает только по первой букве названия

Например, если ввести слово land - ничего не находит

А хотелось бы ввести страны с данным словом - Netherlands, Poland, Swaziland и т.д

Как ввести все слова (в данном случае страны) с совпадением (не важно начало или окончание слова)?

Answer 1

[Rsa97]

/*check if the item starts with the same letters as the text field value:*/
        if (arr[i].substr(0, val.length).toUpperCase() == val.toUpperCase()) {

Здесь меняйте условие на то, что вам нужно.

Answer 2

[ThunderCat]

21 строка - меняйте логику, ищите субстроку не только от начала.

Answer 3

[0xD34F]

Заменить:

1. 
   val = this.value
   
   на
   
   val = this.value.toUpperCase()
   
2. 
   

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

   
   на
   
   if (arr[i].toUpperCase().includes(val)) {
   
3. 
   

   b.innerHTML = "<strong>" + arr[i].substr(0, val.length) + "</strong>";
   b.innerHTML += arr[i].substr(val.length);

   
   на
   
   

   b.innerHTML = arr[i]
     .split(RegExp(`(${val})`, 'i'))
     .map((n, i) => i & 1 ? `<b>${n}</b>` : n)
     .join('');