JQuery 自动完成具有相同功能的各种输入文本

Question

我对 JQuery 自动完成有疑问。

我有这个代码：

$(function() {
   var aspecto = [
      "homogéneo",
      "heterogéneo",
    ];
    $("#aspecto").autocomplete({
      source: aspecto
    });
});

它工作完美，但我想对其他输入使用相同的结构，仅编辑 'var' 的函数名称和值，当我放置第二个块时，我对所有输入字段一无所获。

这有什么问题吗？

谢谢！

Answer 1

我可能需要做一些假设才能提供帮助。首先，我假设 $("$aspecto") 是错字。我想你想通过 id $("#aspecto") 或 class $(".aspecto")

因此，如果您的 html 是：

<div>
  <label for="aspecto">aspecto: </label>
  <input id="aspecto" />
</div>
<div>
  <label for="not-aspecto">not aspecto: </label>
  <input id="not-aspecto" />
</div>

那么你的 javascript 应该是：

$(function() {
   var aspecto = [
      "homogéneo",
      "heterogéneo",
    ];
    $("#aspecto").autocomplete({
      source: aspecto
    });

   var notAspecto = [
      "other thing",
      "or not other thing",
    ];
    $("#not-aspecto").autocomplete({
      source: notAspecto
    });
});

这里有一个功能示例供您使用：https://jsfiddle.net/np0m99w8/

JQuery 自动完成具有相同功能的各种输入文本

JQuery Autocomplete for various inputs text with same function

javascript

jquery

jquery-ui-autocomplete