JavaScript 自动完成功能，无需使用库

Question

关闭。这个问题需要多问 focused 。目前不接受答案。

---

想要改进此问题吗？更新问题，使其仅关注一个问题 editing this post .

已关闭 6 年前。

Improve this question

我想知道是否可以编写自动完成功能，而不使用像 jQuery 这样的库...

我有一个简单的表单，只有一个输入，我希望从数组中自动完成。

这是我的代码:

<form method="get" action="search_result.html">
  <input type="text" name="search" id="autocom"/>
  <button type="submit" >Search</button>
</form>

<script>
  var array = ["dog","cat","mouse"];
  var auto = document.getElementById("autocom").autocomplete({
    source: array
  });;
</script>

Answer 1

您可以使用<datalist>标记并在 <input> 中引用它:

<form method="get" action="search_result.html">
<input list="mylist" type="text" name="search" id="autocom"/>
<datalist id="mylist">
   <option value="cat">
   <option value="dog">
   <option value="mouse">
</datalist>

:-))