自动填充,如何手动生成搜索事件

时间:2014-04-16 14:15:32

标签: javascript jquery jquery-ui autocomplete

我正在使用jquery自动完成插件.i在文本输入元素上定义了自动完成。我在autocomplete上定义了很多方法。我不能共享整个代码。但是给出了关于我的场景的简要介绍。这里有小代码片段

j$(".quick-text-search").autocomplete({
source: function(request,response){},
search: function(){console.log('coming to search');},
});

我定义了源和搜索方法。当我输入.quick-text-search元素时,一切正常,它也显示列表项。但是当任何其他元素生成搜索事件时,则不会显示任何列表。例如,当复选框值更改时,从元素复选框中显示该列表。

的代码片段
$('input:checkbox').change(function(){

                  // j$(this).parent().addClass('active');
                   var catList = getSelectedValues('category-selected');
                console.log("catlist");
                console.log(catList);
                 j$(".quick-text-search").autocomplete("search", "");   
                });

我认为它应该调用搜索方法。所以在浏览器控制台中应该有一些东西。但是没有“来搜索”#在浏览器控制台中谁能指导为什么以及如何在jquery中为自动完成生成搜索事件?

1 个答案:

答案 0 :(得分:0)

如果文本长度小于最小选项

,则不会进行搜索

如果您转到jQuery UI示例页面:http://jqueryui.com/resources/demos/autocomplete/default.html

并在控制台中运行以下命令,因为最小长度为1,所以没有任何反应。

$("#tags")
    .autocomplete("search", "");

如果您将其更改为搜索“a”,则会显示结果

$("#tags")
    .autocomplete("search", "a");

现在,如果我们将最小长度更改为零并再次运行相同的代码,则打开选项

$("#tags")
    .autocomplete("option","minLength", 0)
    .autocomplete("search", "");