键入 JavaScript 时自动完成

【问题标题】：Auto complete as you type in JavaScript键入 JavaScript 时自动完成
【发布时间】：2020-08-06 04:58:06
【问题描述】：

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

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

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

【问题讨论】：

看看String.prototype.includes()

标签： javascript arrays

【解决方案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/

【讨论】：

【解决方案2】：

在第 4 步中更改此行：

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

收件人：

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

【讨论】：

除了没有 substr()