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>

： - ））

JavaScript自动完成而不使用库

1 个答案: