从MySQL输入时如何显示结果列表？

Question

我正在尝试做这样的事情

但是我不知道怎么做...在输入时可能是ajax调用，但是怎么做。

Answer 1

使用 jQuery UI 执行此操作有一种简单的方法，如本指南所示。 https://jqueryui.com/autocomplete/#remote

$( function() {
    function showResults(message) {
      $("<div>").text(message).prependTo("#results");
      $("#results").scrollTop(0);
    }
 
    $("#inputField").autocomplete({
      source: "search.php",
      minLength: 2,
      select: function(event, ui) {
        showResults("Selected:" + ui.item.value + " aka " + ui.item.id);
      }
    });
  } );

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.0/jquery.min.js"></script>

<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>

要以与Ajax非常相似的方式执行此操作，我建议您按照本指南进行操作 汤姆基尔达https://www.devbridge.com/sourcery/components/jquery-autocomplete/