首页 > 解决方案 > 键入 JavaScript 时自动完成

问题描述

当您键入时,我正在寻找自动完成的 w3cschool 链接。

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

以上仅适用于名称的第一次排序,例如。如果国家名称是美国。您需要输入 Uni,它会显示在下拉列表中。如果您键入任何字母(例如 ted 或 state)如何使其工作,它仍然显示。美国在下拉。

标签: javascriptarrays

解决方案


您所需要的只是进行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/


推荐阅读