自动完成以显示所有焦点选项。如何？答案

【问题标题】：Autocomplete to show all options on focus. How?自动完成以显示所有焦点选项。如何？
【发布时间】：2009-09-23 08:50:40
【问题描述】：

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

我现在拥有的

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" />

【问题讨论】：

标签： jquery autocomplete jquery-plugins

【解决方案1】：

您必须将 minChars 设置为 0，如下所示：

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

还请注意，您不必以 $ 开头变量名，您可以在任何使用它的地方写 sessionTimes 就可以了。可能来自 PHP 背景？ :)

【讨论】：

感谢inkredibl。这样可行。好吧，我越喜欢美元越好:)
我试过了，但您仍然需要按向下箭头或单击控件才能实际显示自动完成选项。
可能来自 Perl 背景？
仅供参考，在最新版本的插件中这称为“minLength”。
太棒了！我需要做@Fajar 想做的事情。 $('.autocompleteTime').click(function(e){ $('#' + e.target.id).keydown() }); 这个例子可以解决问题。而且，@notJim 的更正是正确的。

【解决方案2】：

这是正确答案：

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

【讨论】：

【解决方案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，以及我

【讨论】：

【解决方案4】：

查看 jQuery Ui 的自动完成组合框示例：

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

【讨论】：

问题在于它不允许输入而不选择选择

【解决方案5】：

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

Jquery UI autocomplete; minLength:0 issue

【讨论】：