2012-06-23 38 views
6

Tôi đang sử dụng plugin Tự động điền JQuery phổ biến bên dưới.Trình kích hoạt trình kích hoạt tự động điền jquery trên đầu vào: lấy nét

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

Hiện nay nếu bạn gõ một cụm từ thả xuống xuất hiện nhưng khi bạn bấm nút nó ẩn. Điều này là tốt. Tuy nhiên, cách duy nhất để đưa trình đơn thả xuống trở lại là nhấp vào trường nhập và nhập các ký tự tiếp theo hoặc nhấn phím tắt.

Bất kỳ ý tưởng nào về cách kích hoạt trình đơn thả xuống kết quả khi người dùng nhấp vào trường nhập liệu? Tôi đã cố gắng để kích hoạt sự kiện tập trung cho các lĩnh vực đầu vào nhưng điều đó không hoạt động. Tôi bằng cách nào đó cần phải tự gọi sự kiện thả xuống tự động hoàn tất khi trường nhập được tập trung. Cảm ơn.

Trả lời

24

bản demo Làm việchttp://jsfiddle.net/CNYCS/

mát; vì vậy tất cả những gì bạn cần làm là bind sự kiện tiêu điểm với tính năng tự động hoàn thành, phần còn lại `tự động hoàn thành sẽ tiếp quản từ đó như bạn có thể thấy trong bản trình diễn.

hữu ích Link: http://forum.jquery.com/topic/how-to-bind-focus-input-to-trigger-autocomplete&http://docs.jquery.com/UI/Autocomplete#method-search

Hope this helps,

Nghỉ ngơi code đang trong jsfiddle.

đang

$("#tags").autocomplete({ 
     source: availableTags, 
     minLength:0 
    }).bind('focus', function(){ $(this).autocomplete("search"); }); 
+1

Cảm ơn tác phẩm này đẹp mắt – leejmurphy

+1

Tuyệt vời! tìm thấy điều này từ google, chính xác những gì tôi cần :) – Tallboy

+1

Ngọt ngào! Chính xác những gì tôi cần! Làm việc như một say mê! –

2

Không có cách nào rõ ràng để làm như vậy theo tài liệu. Nhưng bạn có thể thử với focus (hoặc click hoặc keyup) sự kiện trên autocomplete kích hoạt textbox:

$('#autocomplete').trigger("keyup"); 

hoặc

$('#autocomplete').trigger("focus"); 

hoặc

$('#autocomplete').trigger("click"); 

Như @Tats_innit đề cập mã , sau đó bạn cần phải thêm dòng

$('#tags').trigger("focus"); // as @Tats_innit's solution bind focus 
          // so you need to trigger focus 

DEMO

+0

++ 1 lần nữa người đàn ông ':)' mừng những ngày này tôi không Jinx-ing giải pháp với bạn: P diff bản demo dưới đây để biết OP anyhow +! –

+0

Cảm ơn, một sự kết hợp của hai người đã làm việc cho tôi. – leejmurphy

Các vấn đề liên quan