Question

如果没有元素，任何人都可以帮助我如何选择自动完成下拉列表的第一个元素选择？我尝试使用autoFocus。为主板活动工作。如果我使用鼠标，则第一个元素不会选择哪个是自动聚焦的。

Answer 1

您可以覆盖focus事件，以使用重点项目的值填充文本框：

$("#autocomplete2").autocomplete({
    // ...
    focus: function (event, ui) {
        $(this).val(ui.item.value);
    }
});

Demo here

Answer 2

只需使用autoFocus选项：http://bugs.jqueryui.com/ticket/7419

Answer 3

使用

$('selector').autocomplete({selectFirst:true});

Answer 4

http://jqueryui.com/autocomplete/#custom-data

检查上面链接中的示例代码。希望这会有所帮助。

$( "#project" ).autocomplete({
  minLength: 0,
  source: projects,
  focus: function( event, ui ) {
    $( "#project" ).val( ui.item.label );
    return false;
  },
  select: function( event, ui ) {
    $( "#project" ).val( ui.item.label );
    $( "#project-id" ).val( ui.item.value );
    $( "#project-description" ).html( ui.item.desc );
    $( "#project-icon" ).attr( "src", "images/" + ui.item.icon );
    return false;
 }

}）

Answer 5

你必须触发jquery的select事件才能选择第一个选项。

$("#ElementID").autocomplete({
      source: availableList
 })._trigger('select');

您可以在此处找到详细答案：Language Lassi: Select first option using jQuery Autocomplete

如何在“自动完成”下拉列表中选择第一个元素

5 个答案: