22

Ben jQuery Autocomplete ile bazı sorunlarla karşılaştığını ve downarrow ve uparrow taşınacağım?jQuery UI otomatik tamamlama downarrow uparrow

sorun

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

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

Bu FARE odak için harika çalıştığını gibi görünüyor - ama arrowUp ve arrowDown kullandığınızda - bitti ve ui.item.label

yukarıda ui.item.id seçer Bu yüzden nasıl düzeltebilirim bu ya:

  1. input değeri hiç değişmedi [i.e. kullanıcının keydown ile açık kullanıcılara girilen terim]
  2. o focused val ile input val günceller tutar/keyUp

sayesinde

cevap

52

focus olayın varsayılan davranışını önlemek için emin olun :

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! harika teşekkürler çok @andrew - ben kesinlikle bunu denemek unuttum :) – Andy

+0

@Andy: Yardım için sevindim:). –

+0

Bu, ancak (yukarı/aşağı) tuşunda seçili bir öğe metin kutusunun değer değil etiketini gösteren bir sorun, ancak bir sorun çalışıyor ancak tuşuna basıldıktan sonra tekrar değerini gösteren – TBAG