如何在Jquery中自动完成动态输入

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://code.jquery.com/ui/1.13.0/jquery-ui.min.js"></script>
<link rel="stylesheet" href="https://code.jquery.com/ui/1.13.0/themes/base/jquery-ui.css">

<input type="text" id="autocomplete-input">

$(function() {
  $("#autocomplete-input").autocomplete({
    source: function(request, response) {
      // 在这里编写获取匹配选项的逻辑，可以是从服务器获取数据或者本地数据
      // 例如，可以使用Ajax从服务器获取数据
      $.ajax({
        url: "获取匹配选项的URL",
        data: {
          term: request.term
        },
        success: function(data) {
          // 将获取到的数据传递给response函数
          response(data);
        }
      });
    }
  });
});

$(function() {
  $("#autocomplete-input").autocomplete({
    source: function(request, response) {
      // 获取匹配选项的逻辑
    },
    select: function(event, ui) {
      // 处理选中事件的逻辑
      var selectedValue = ui.item.value;
      // 执行相关操作
    }
  });
});