22

Tôi đang gặp một số vấn đề với jQuery Autocomplete và di chuyển DownArrow và UpArrow?jQuery UI Tự động hoàn thành DownArrow UpArrow

Vấn đề dường như là

<input id="autocomplete-input" value="">

focus: function (event, ui) { 
     $('#autocomplete-input').val(ui.item.label); 
} 

này hoạt động tuyệt vời cho MOUSE tập trung - nhưng khi tôi sử dụng arrowUparrowDown - nó chọn ui.item.id vượt trội so với các ui.item.label

Làm thế nào tôi có thể sửa lỗi này để:

  1. input val không thay đổi gì cả [tức là nó giữ cho người sử dụng hạn đầu vào]
  2. nó cập nhật val input với focused val người dùng đang có KeyDown/KeyUp

nhờ

Trả lời

52

Hãy chắc chắn để ngăn chặn hành vi mặc định của sự kiện focus :

focus: function (event, ui) { 
    this.value = ui.item.label; 
     // or $('#autocomplete-input').val(ui.item.label); 

    // Prevent the default focus behavior. 
    event.preventDefault(); 
     // or return false; 
} 
+0

aha! tuyệt vời cảm ơn rất nhiều @andrew - tôi hoàn toàn quên để thử rằng :) – Andy

+0

@Andy: Vui mừng để giúp đỡ ':)'. –

+0

Điều này đang hoạt động nhưng một vấn đề khi phím (lên/xuống) ở hộp văn bản mục đã chọn hiển thị giá trị không phải nhãn nhưng sau khi nhấn nhập lại giá trị hiển thị – TBAG

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