javascript - Jquery自动完成键盘导航设置输入值，如何更改字段？

Question

这是我的一个非常简单的自动完成代码

var club_ajax_success = function (data) {
  $("input#sm_autosearch_clubteam").autocomplete({
    source: data,
    select: club_autocomplete_select
  });
  $('input#sm_autosearch_clubteam').prop('disabled', '').prop('placeholder', 'Zoek een club');
};

这是我的自动完成存储的单个记录的结构

• entirelabel => "Club Goeree Overflakkee"
• entirelabel_filtered => "Club Goeree Overflakkee"
• label => "Goeree Overflakkee"
• label_filtered => "Goeree Overflakkee"
• 值 => "XYZ123"

如果我使用键盘箭头在下拉菜单中导航，则在我开始输入 <input> 后显示，效果是在输入类型中显示记录的值，但我希望自动完成显示标签，或者至少我想删除使用箭头导航的可能性。

一些建议？

Answer 1

解决方法

$("input#sm_autosearch_clubteam").autocomplete({
  source: improvedSearchData,
  select: club_autocomplete_select,
  focus: function(event, ui) {
    $('input#sm_autosearch_clubteam').val(ui.item.label);
    return false;
  }
});