JS实现 word根据自动补充当前页的数据行

你可以通过 JavaScript 来实现这个功能。首先，需要监听输入框的 `input` 事件，当用户输入内容时触发。然后，通过 AJAX 请求获取当前页的数据行，并将它们存储在一个数组中。接着，对用户输入的内容进行匹配，找到与之匹配的数据行，并在输入框下方弹出一个下拉框展示匹配的结果。当用户选择某一项时，可以将其填充到输入框中。

下面是一个简单的示例代码，你可以参考它来实现这个功能：

HTML:

<input type="text" id="search-box" />
<div id="suggestions"></div>

JavaScript:

const searchBox = document.getElementById('search-box');
const suggestions = document.getElementById('suggestions');
const dataRows = ['apple', 'orange', 'banana', 'pear', 'peach'];

searchBox.addEventListener('input', () => {
  const inputValue = searchBox.value;
  const matchedRows = dataRows.filter(row => row.indexOf(inputValue) !== -1);
  
  suggestions.innerHTML = '';
  matchedRows.forEach(row => {
    const suggestion = document.createElement('div');
    suggestion.classList.add('suggestion');
    suggestion.innerText = row;
    suggestion.addEventListener('click', () => {
      searchBox.value = row;
      suggestions.innerHTML = '';
    });
    suggestions.appendChild(suggestion);
  });
});

这段代码会监听输入框的 `input` 事件，当用户输入内容时会执行回调函数。在回调函数中，它会根据用户输入的内容对数据行进行匹配，并将匹配结果展示在下拉框中。当用户选择某一项时，会将其填充到输入框中。