當我在輸入字段上鍵入時顯示帶有結果的彈出框

Question

我正在使用一個輸入字段，在類型上調用 ajax 來搜索並獲取結果，然后我使用 UL 顯示它們。

我想保留輸入字段，當我輸入時，我想有一個彈出框，里面有結果。

HTML

<input type="text" id="searchTheKey">
    <ul id="matchKey" ></ul>

Ajax

<script>
  $("#searchTheKey").on('keyup', function() {
    var value = $('#searchTheKey').val();
    $.ajax({
      type: "POST",
      url: '../config/queue_quick_search.php',
      data: {
        key: value
      },
      success: function(data) {
        // console.log(data);
        $('#matchKey').html(data);
      },
      error: function(xhr, status, error) {
        console.error(xhr);
      }
    });
  })
</script>