jQuery UI自动完成功能在搜索之前显示结果

时间:2012-08-01 12:05:59

标签: javascript jquery-ui autocomplete jquery-ui-autocomplete

在我关注自动完成输入之前,我希望在我的项目中显示一些初步结果。这些结果的工作方式应与自动完成ajax请求的结果相同。

我可以通过自动完成的标准选项执行此操作,还是应该编写相同的javascript代码?

1 个答案:

答案 0 :(得分:3)

您应该将minLength选项设置为0。如果您希望在关注字段后立即显示结果,您可以编写一个简单的事件处理程序来实现:

$("input").autocomplete({
    source: /* source */,
    minLength: 0
}).on("focus", function () {
    $(this).autocomplete("search", '');
});

示例: http://jsfiddle.net/mLSjL/

修改:如果您想立即显示建议列表,请尝试在自动填充小部件的create事件中显示该列表:

$("input").autocomplete({
    source: /* source */,
    minLength: 0,
    create: function () {
        $(this).autocomplete("search", '');
    }
});

示例: http://jsfiddle.net/CVUWV/