Làm cách nào để xóa tự động hoàn tất sau khi được thêm vào phần tử?

Question

Sau khi tôi thêm một autocomplete đến một yếu tố như:

commObj=$("#communityName").autocomplete("auto_commName_backend.php", 
       {'onItemSelect': handleItemSelect}, {'extraParams': 'ndo' + ndo}); 

Có cách nào tôi có thể vô hiệu hóa nó hoặc loại bỏ các autocomplete cho các phần tử tự động?

Tôi đang sử dụng plugin jquery tự động hoàn thành đã sửa đổi từ Dylan Verheul. http://www.pengoworks.com/workshop/jquery/autocomplete_docs.txt

Answer 1

Bạn có thể loại bỏ các hành vi autocomplete bằng cách sử dụng dòng mã sau đây:.

if (jQuery(control).data('autocomplete')) { 
    jQuery(control).autocomplete("destroy"); 
    jQuery(control).removeData('autocomplete'); 
} 

Answer 2

Plugin đó tự kết nối với số <input> khá chặt chẽ. Nếu đó là trang của tôi, tôi nghĩ rằng tôi chỉ có hai thẻ với cùng một "tên", một với tự động hoàn thành và một thẻ không có. Khi tôi muốn chuyển đổi giữa chúng, tôi sẽ làm cho một bị vô hiệu hóa và ẩn, và cho phép/hiển thị khác. (chỉnh sửa oh và cũng đảm bảo giá trị của trường được sao chép qua lại khi họ chuyển đổi)

Answer 3

Nếu bạn thêm một lớp như "EnableAC" vào phần tử của mình, bạn có thể nhắm mục tiêu lớp đó để tự động hoàn thành. Khi bạn hoàn thành tự động hoàn thành và muốn vô hiệu hóa nó, bạn loại bỏ lớp đó.

Tại sao bạn muốn tắt tính năng này? Nó có thể gây nhầm lẫn cho người dùng của bạn nếu họ muốn thay đổi lựa chọn của họ và tính năng tự động hoàn tất không kích hoạt.

Answer 4

Tôi vừa xem qua tệp js cho plugin.

Có vẻ như một dòng javascript (số 21) trong thời gian khởi động của các plugin jquery.autocomplete.js rằng thiết lập đầu vào nguồn có nguồn gốc như:

input.autocompleter = me; 

Nếu không có thử nghiệm, có thể bạn có thể chỉ đơn giản là sau đó gọi những điều sau đây để xóa liên kết giữa plugin và đầu vào gốc?

$('#<your input id>').autocompleter = null; 

Answer 5

Tôi chỉ cố gắng $ ('#') autocomplete = null; và nó hoạt động. Tôi đã cho phép thay đổi tên của ruồi và kết quả sẽ không hiển thị, bây giờ nó có. Tên nguyên cũ sẽ hiển thị trước nay là cái mới không

Answer 6

Cách dễ nhất và an toàn nhất tôi thấy là:

$(control).autocomplete({source: []}); 

Ngoài ra, như đã đề cập trước đây cũng làm việc:

$(control).autocomplete("destroy"); 

Nếu bạn chắc chắn rằng điều khiển của bạn có bộ xử lý tự động hoàn tất.

Answer 7

Trong phiên bản mới nhất của giao diện người dùng jQuery (1.12), $(control).data('autocomplete') không trả lại đúng ngay cả khi dữ liệu tự động hoàn tất hiển thị.

Thay vào đó, kiểm tra sự hiện diện của lớp ui-autocomplete-input đã trả về true.

Sau đây là đủ, tôi tin.

if ($(control).hasClass('ui-autocomplete-input')) { 
    $(control).autocomplete("destroy"); 
}