能够使用提交按钮选择最佳选择

Question

我想知道如何实现一个像autoselect: true一样工作的提交按钮，所以当我点击提交时，它会选择第一个建议。

以下是该场景，我已开始输入，然后我希望用户能够点击提交按钮以确认0934是什么。

Answer 1

PR #101刚刚合并并在0.21.4版本中发布。使用此新功能，当autoselect: true时，光标将自动设置在第一个建议上。

然后您可以记住最新选择的建议并在提交表单时使用它：

$('#contacts').autocomplete({ hint: false, autoselect: true }, [
  {
    source: autocomplete.sources.hits(indexObj, { hitsPerPage: 5 }),
    displayKey: 'name',
    templates: {
      suggestion: function(suggestion) {
        return suggestion._highlightResult.name.value;
      }
    }
  }
]).on('autocomplete:cursorchanged autocomplete:selected', function(e, sugg) {
  console.log('last', sugg);
  lastSelectedEntry = sugg;
});

$('#form').on('submit', function() {
  alert(lastSelectedEntry);
});

我做了codepen demo。