自动填充显示焦点上的所有选项

Question

我使用这个插件.

当获得焦点时,如何显示输入字段下拉列表中的所有可用选项？现在,我必须为插件键入一些内容来过滤选项.

我现在有什么

var $sessionTimes = "00:00 00:15 00:30 00:45 1:00 1:15".split(" ");
$(".autocompleteTime").autocomplete($sessionTimes);

<input type="text" class="autocompleteTime" size="5" />

Answer 1

你必须将minChars设置为0,如下所示:

$('.autocompleteTime').autocomplete($sessionTimes, {minChars: 0});

另请注意,您不必使用$启动变量名称,您可以在使用它的任何地方编写sessionTimes,这样就可以了.可能来自PHP背景？:)

Answer 2

这是正确的答案:

    $('.autocompleteTime').autocomplete($sessionTimes, {minChars: 0})
    .focus(function () {
        $(this).autocomplete('search', $(this).val())
    });

Answer 3

选择的答案有点旧，对我来说并没有真正起作用，所以对我有用的是：

$('#selector')
    //use minLength when initializing so that empty searches work
    .autocomplete({..., minLength: 0})
    //trigger the search on focus
    .focus(function(){
        $(this).autocomplete('search', $(this).val());
    })

感谢上面@notJim 的评论和这个问题：Display jquery ui auto-complete list on focus event，以及我