jquery - 自动完成按钮单击jquery

Question

我想在单击按钮时显示整个自动完成列表。我已经尝试了下面的代码，但它不起作用。

 $("#<%= btnCompanyList.ClientID%>").live('click', function (e) {
        alert("hi");
        $("#txtDefaultCompany").autocomplete({
                    source: function (request, response) {
                        $.ajax({
                            url: "AutoComplete.asmx/GetCompanyname",
                            data: "{'prefixText':" + JSON.stringify(request.term) + "}",
                            dataType: "json",
                            type: "POST",
                            contentType: "application/json; charset=utf-8",
                            dataFilter: function (data) { return data; },
                            success: function (data) {
                                alert(data.d);
                                response($.map(data.d, function (item) {
                                    return {
                                        label: item.company_name,
                                        value: item.company_branch
                                    }
                                }))
                            }
                        });
                    },
                    minLength:0

                });

    });

单击按钮时，文本框可能为空。但我想显示整个列表。请有任何想法或建议。

谢谢，

Answer 1

您需要根据文档在自动完成对象上调用.search

希望这可以帮助...

Answer 2

简单的，

你在这里有一个例子：在 jsfiddle

但是，如果您想将它与 ajax 调用一起使用，则只需将以下内容添加到 ajax "success:" 函数中：

$(yourtxt).autocomplete({
    source: JSON.parse(resultData),
    minLength: 0
}).on("focus", function () {
    $(this).autocomplete("search", '');
});

// set product combobox source
$(yourtxt).autocomplete('search', '');