将输入从HTML传递到JS

Passing input from HTML to JS

本文关键字：JS HTML 输入      更新时间：2023-09-26

所以我正在做一个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 + ", ";
    }
});

您缺少一个右尖括号:

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

加上括号:

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

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

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

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

相关文章：