Jquery 自动完成 - select 按下回车键时未调用

Question

我的 jquery 自动完成功能很好，我唯一的问题是我必须单击选项才能让他们调用我的 "select"。

因为我可以在列表中使用箭头键导航，所以我想在特定选项上按回车键时触发 select（或任何功能）。这可能吗？

$("#basicAutoComplete").autocomplete({
            source: function (request, response) {
                $.ajax({
                    url: encodeURI(search_url + request.term),
                    headers: {
                        'Accept': 'application/json'
                    },
                    method: 'GET',
                    cache: false,
                    success: function (data) {
                        response(data.slice(0,10));
                    },
                    error: function (err) {
                        alert(err.statusText)
                        response([]);
                    }
                });
            },
            minLength: 4,
            delay: 100,
            select: function( event, ui ) {
                //dostuff

                return false;
            },
            search: function(e,ui){
                $(this).data("ui-autocomplete").menu.bindings = $();
            }
        });

Answer 1

请检查以下代码，点击 'Enter' 时正在选择选项，并且正在 select 回调中执行代码。

$( function() {
    var availableTags = [
      "ActionScript",
      "AppleScript",
      "Asp",
      "BASIC",
      "C",
      "C++",
      "Clojure",
      "COBOL",
      "ColdFusion",
      "Erlang",
      "Fortran",
      "Groovy",
      "Haskell",
      "Java",
      "JavaScript",
      "Lisp",
      "Perl",
      "PHP",
      "Python",
      "Ruby",
      "Scala",
      "Scheme"
    ];
    $( "#tbox" ).autocomplete({
      source: availableTags,
  select: function( event, ui ) {alert(event.target.value);}

    });
  } );

<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
  <link rel="stylesheet" href="/resources/demos/style.css">
  <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
  <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<Input type="text" id="tbox" />

希望对您有所帮助。

Jquery 自动完成 - select 按下回车键时未调用

Jquery autocomplete - select not called when hitting enter

jquery

jquery-ui