2012-08-01 116 views
2

我希望在我的项目中显示一些首先结果,然后再关注自动完成输入。这些结果应与自动填充ajax请求的结果相同。jQuery UI自动完成在搜索之前显示结果

我可以用自动完成的非标准选项做,或者我应该写平等的javascript代码?

回答

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/

+0

对不起,错误的问题。我需要在焦点之前显示结果。 – Michael 2012-08-01 12:12:56

+1

当然,请参阅我的更新。 – 2012-08-01 12:17:00

+0

它的工作原理。谢谢! – Michael 2012-08-01 12:25:20