tự động hoàn thành hiển thị tất cả các tùy chọn tập trung

Question

Tôi đang sử dụng số plugin này.

Làm cách nào để hiển thị tất cả các tùy chọn có sẵn trong trình đơn thả xuống cho trường nhập khi nó nhận tiêu điểm? Ngay bây giờ, tôi phải gõ một cái gì đó cho các plugin để lọc các tùy chọn.

Những gì tôi có ngay bây giờ

var $sessionTimes = "00:00 00:15 00:30 00:45 1:00 1:15".split(" "); 
$(".autocompleteTime").autocomplete($sessionTimes); 

<input type="text" class="autocompleteTime" size="5" /> 

Answer 1

Bạn phải thiết lập minChars là 0, như thế này:

$('.autocompleteTime').autocomplete($sessionTimes, {minChars: 0}); 

Cũng lưu ý rằng bạn không cần phải bắt đầu tên biến với $ , bạn chỉ có thể viết sessionTimes ở mọi nơi bạn sử dụng nó và nó sẽ ổn. Có lẽ đến từ một nền tảng PHP? :)

Answer 2

Check-out Autocomplete combobox dụ jQuery Ui của:

http://jqueryui.com/demos/autocomplete/#combobox

Answer 3

mô-đun đó hiện đã được tích hợp vào giao diện người dùng jQuery. bài này đề cập đến làm thế nào để đối phó với vấn đề này ngay bây giờ:

Jquery UI autocomplete; minLength:0 issue

Answer 4

Đây là câu trả lời đúng:

$('.autocompleteTime').autocomplete($sessionTimes, {minChars: 0}) 
    .focus(function() { 
     $(this).autocomplete('search', $(this).val()) 
    }); 

Answer 5

Câu trả lời được lựa chọn là một chút cũ và không thực sự làm việc cho tôi, vì vậy những gì làm việc cho tôi là thế này:

$('#selector') 
    //use minLength when initializing so that empty searches work 
    .autocomplete({..., minLength: 0}) 
    //trigger the search on focus 
    .focus(function(){ 
     $(this).autocomplete('search', $(this).val()); 
    }) 

Tín dụng cho những nhận xét của @notJim trên và câu hỏi này: Display jquery ui auto-complete list on focus event, và đối với tôi