jquery - jQuery自动完成同一页面上的两个实例

Question

我的页面上有两个输入字段，其中一个用于数据 A {数据库中的城市列表}，第二个输入字段用于数据 B {数据库中的名称列表}

问题是，当两者都被启动时，第二个自动完成源出现在第二个上。

这是一些代码：

jQuery("#cities_input").autocomplete({
        source: citiesResFromDb
    });

jQuery("#names_input").autocomplete({
        source: namesResFromDb
    });

如何在两个不同的输入字段上使用或初始化 .autocomplete() 而不会相互影响？

Answer 1

您可以将函数分配给source并使用它的参数，您可以返回任何您想要的对象；尝试使用request参数及其属性来确定您正在处理的控件。

        source: function( request, response ) {
          // delegate back to autocomplete, but extract the last term
          response( $.ui.autocomplete.filter(
            availableTags, extractLast( request.term ) ) );
        },