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

Question

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

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

Answer 1

您应该将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/