JQuery Autocomplete用于具有相同功能的各种输入文本

时间:2016-05-16 20:05:18

标签: javascript jquery jquery-ui-autocomplete

我遇到了JQuery Autocomplete的问题。

我有这段代码:

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

它工作得很完美,但是我想对其他输入使用相同的结构只编辑'var'的函数名称和值,当我放入第二个块时,我没有得到任何输入字段。

这有什么问题?

非常感谢!

1 个答案:

答案 0 :(得分:0)

我可能需要做一些假设才能提供帮助。首先我假设$(“$ aspecto”)是一个错字。我想你想通过id $(“#aspecto”)或者通过类 $(“。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/