输入 jQuery 自动完成文本框后显示整个列表

Question

我正在使用 jQuery 自动完成插件。有没有一种方法可以让用户输入文本框（已连接以自动完成）时，列表中会显示最上面的字母项目？某种触发器？

jQuery 代码

$('.someTextbox').autocomplete({
    source: function (request, response) {
        $.ajax({
            url: serviceUrl + "/AddDocumentLinesService.svc/GetLineTypes",
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            cache: false, 
            data: {
                maxRows: 10,
                textStartsWith: request.term
            },
            success: function (data) {
                response($.map(data, function (item) {
                    return {
                        label: item.LineTypeCode + ' - (' + item.Description + ')',
                        value: item.LineTypeCode
                    }
                }));
            },
            error: function (XMLHttpRequest, textStatus, errorThrown) {
                alert(textStatus);
            }
        });
    }
});

我希望用户在输入 '$('.someTextbox')' 文本框时，列表就会出现。

Answer 1

尝试：

 $('.someTextbox').focus(function() { $(this).search(); });

根据文档，.search() 手动触发搜索。您还可以将 options.minChars 设置为 0，并将 options.delay 设置为较小的值，这也应该有效。请参阅：http://docs.jquery.com/Plugins/Autocomplete/autocomplete#url_or_dataoptions

Answer 2

也许您可以尝试将 minChars 选项 设置为 0 ，并让 GetLineTypes 检查给定字符串的长度。如果它的长度为 0，则返回第一个字母顺序的项目。

另一种选择是连接到文本框的焦点事件并手动触发自动完成功能。也许你可以用这样的东西“欺骗”自动完成：

$('.sometextbox').focus(function() {
   if ($('.sometextbox').val().length ==0) { 
   //no text entered yet
   $('.sometextbox').val('  '); //insert 2 white spaces in order to trigger the autocomplete
}
});

Answer 3

所有答案都是正确的。我添加这个是因为 minChars 在新版本中已被弃用。
使用 minLength。
放
最小长度：0
您也可以考虑使用文本字段旁边的按钮，其作用类似于下拉菜单并切换所有可用选项。
快乐编码！

编辑
另外，由于您正在加载整个列表，因此您可以将延迟设置为 0，从而覆盖您可能提到的现有延迟行为。

$('input#textboxid').autocomplete('search','','delay',0);