Question

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

谢谢！

HTML

    <!doctype html>
<html lang="en">
<head>

</head>

<body>
    <input data-list="Brazil, United States, New Zealand, Canada, England, Ireland" 

data-multiple />
    <script src="popup.js" async></script
</body>

</html>

.JS文件

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 + ", ";
    }
});

Answer 1

您缺少一个结束尖括号：

<script src="popup.js" async></script

添加括号：

<script src="popup.js" async></script>

Answer 2

现在实际上有一个新的datalist元素。您应该尝试看看是否可以让它为您工作。

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

在您输入时，数据列表会根据列表中的元素自动为您提供建议。

将输入从HTML传递给JS

2 个答案: