jQuery在同一页面上自动完成两个实例

时间:2013-02-13 09:48:55

标签: jquery

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

问题在于,当两者都启动时,第二个自动完成源出现在第二个。

以下是一些代码:

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

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

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

1 个答案:

答案 0 :(得分:0)

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

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