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