Jquery自动完成键盘导航设置输入值,如何更改字段?

时间:2014-08-26 14:21:05

标签: javascript jquery input autocomplete keyboard-events

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

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');
};

这是我的自动填充商店的一条记录的结构

  • wholelabel => " Club Goeree Overflakkee"
  • wholelabel_filtered => " Club Goeree Overflakkee"
  • 标签 => " Goeree Overflakkee"
  • label_filtered => " Goeree Overflakkee"
  • value => " XYZ123"

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

一些建议?

1 个答案:

答案 0 :(得分:3)

这是解决方案

$("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;
  }
});