22

我有一些問題與jQuery自動完成和移動DownArrow和UpArrow?jQuery UI Autocomplete DownArrow UpArrow

這個問題似乎是

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

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

這個偉大的工程爲鼠標焦點 - 但是當我使用arrowUparrowDown - 它之上的ui.item.label

選擇ui.item.id我該如何解決這個問題:

  1. input val完全沒有改變[即它使用戶 輸入項]
  2. 它更新input VAL與focused VAL用戶上的keydown/KEYUP

感謝

回答

52

確保防止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!非常感謝@andrew - 我完全忘了試試:) – Andy

+0

@Andy:很高興能幫助':)'。 –

+0

這是工作,但關鍵(上/下)是在選定的項目文本框顯示值不是標籤,但按下後再次輸入其顯示值 – TBAG