JQuery UI自動完成 - 當用戶單擊文本框時打開菜單

Question

我正在使用此JQuery autocomplete widget。

如何在用戶點擊文本框時自動打開菜單？我希望用戶看到所有選項。

Answer 1

您需要手動觸發search事件，並在插件的minLength選項爲零：

$("input").autocomplete({ 
    minLength: 0, 
    /* other options */ 
}).on("focus", function() { 
    $(this).autocomplete("search", ""); 
}); 

工作例如：http://jsfiddle.net/9JmVu/

Answer 2

我想我明白了其實。如果將minLength設置爲0，然後觸發搜索「」，它將打開菜單。

 $(inputSelector).autocomplete(
       { 
        source: this.validConstructCodes, 
        minLength: 0, 
        autoFocus: true, 
        autoSelect: true 
       }); 
     $(inputSelector).focus(function(event) { 
     $(this).autocomplete("search" , ""); 
     }); 

Answer 3

從安德魯解釋你需要觸發事件。

但是，一旦您從ajax請求獲得結果，最好再次顯示結果而不是再次詢問服務器。 minLength值是獨立的，可以是服務器請求上推薦的2。

$("input").autocomplete({ 
    minLength: 2, 
    /* your options */ 
}).on("focus", function() { 
    /* the element with the search results */ 
    var uid = $("#ui-id-"+$(this).autocomplete("instance").uuid); 

    if(uid.html().length == 0) { 
     /* same as $(this).autocomplete("search", this.value); */ 
     $(this).keydown(); 
    } 
    else { 
     uid.show(); 
    } 
});