代码之家  ›  专栏  ›  技术社区  ›  krishna

自动完成显示焦点上的所有选项

  •  9
  • krishna  · 技术社区  · 17 年前

    IAM使用此 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" />
    
    5 回复  |  直到 10 年前
        1
  •  11
  •   inkredibl    17 年前

    您必须将minchars设置为0,如下所示:

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

    还要注意,不必以$开头变量名,只要在任何地方使用它就可以编写sessionTimes,这样就可以了。可能来自PHP背景?:)

        2
  •  7
  •   RayLoveless    10 年前

    这是正确的答案:

        $('.autocompleteTime').autocomplete($sessionTimes, {minChars: 0})
        .focus(function () {
            $(this).autocomplete('search', $(this).val())
        });
    
        3
  •  2
  •   mynameistechno    14 年前

    查看jquery用户界面的“自动完成”组合框示例:

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

        4
  •  2
  •   Community Mohan Dere    9 年前

    所选的答案有点旧,对我来说不太管用,所以对我有用的是:

    $('#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 对我来说

        5
  •  0
  •   Community Mohan Dere    9 年前

    该模块现在已合并到jquery用户界面中。这篇文章介绍了如何处理这个问题:

    Jquery UI autocomplete; minLength:0 issue