自动完成按钮单击jquery答案

【问题标题】：autocomplete on button click jquery自动完成按钮单击jquery
【发布时间】：2012-05-17 19:34:54
【问题描述】：

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

 $("#<%= 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

                });

    });

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

谢谢，

【问题讨论】：

请大家帮忙，非常紧急

标签： jquery jquery-autocomplete

【解决方案1】：

您需要在自动完成对象 as per the doco 上调用 .search

希望这会有所帮助...

【讨论】：

你能给我一个同样的例子吗
$("#txtDefaultCompany").autocomplete( "search", "" ) 不起作用？
也可以查看相关帖子stackoverflow.com/questions/1268531/…

【解决方案2】：

简单，

这里有一个例子：on 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', '');

【讨论】：