Question

我使用此plugin。

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

我现在拥有什么

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

查看jQuery Ui的Autocomplete组合框示例：

http://jqueryui.com/demos/autocomplete/#combobox

Answer 4

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

$('#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，还有我

Answer 5

该模块现已合并到jQuery UI中。这篇文章介绍了如何解决这个问题：

Jquery UI autocomplete; minLength:0 issue

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

5 个答案: