ボタンクリック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

あなたはas per the doco

ホープ、このことができますオートコンプリートの対象に.search呼び出す必要があります...

Answer 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', '');