Javascript 将输入从HTML传递到JS

所以我正在开发一个Chrome扩展来帮助我完成我的工作。我需要自动完成一些字段，但由于某些原因，我无法将信息从HTML传递到.js文件。 我有一个输入列表和一个脚本，使您能够在给定单词的任何部分中进行搜索。例如，如果您键入“la”，则应显示新西兰、英格兰和爱尔兰。 嗯，当我运行html进行测试时，它不起作用。你能给我解释一下吗

谢谢大家!

HTML

---

缺少闭合角括号：

---

现在实际上有一个新的datalist元素。你应该试着看看你是否能让它为你工作

<input list="keys" />
<datalist id="keys">
  <option value="Home">
  <option value="Work">
  <option value="Car">
</datalist>

---

键入时，数据列表将根据列表中找到的元素自动为您提供建议。

您所说的“当我运行html测试它不工作”是什么意思？在将其用作Chrome扩展之前，我可以执行html文件。好吧，它只显示了键入任何文本的位置，但它并没有给出应有的建议；-）为什么您希望

Autocomplete

可用？这不是标准的东西。您要么没有显示完整的代码，要么甚至没有尝试调试（这会告诉您，

Autocomplete

未定义）。

new Autocomplete('input[data-multiple]', {
    filter: function(text, input) {
        return Autocomplete.FILTER_CONTAINS(text, input.match(/[^,]*$/)[0]);
    },

    replace: function(text) {
        var before = this.input.value.match(/^.+,\s*|/)[0];
        this.input.value = before + text + ", ";
    }
});

<input list="keys" />
<datalist id="keys">
  <option value="Home">
  <option value="Work">
  <option value="Car">
</datalist>