在选择JQuery自动完成项时使用SQL数据填充字段。

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

$(function() {
  $("#autocomplete-input").autocomplete({
    source: function(request, response) {
      $.ajax({
        url: "backend.php", // 后端处理数据的接口地址
        dataType: "json",
        data: {
          term: request.term // 输入框中的值
        },
        success: function(data) {
          response(data); // 将返回的数据传递给自动完成组件
        }
      });
    },
    minLength: 2 // 最小输入字符数触发自动完成
  });
});

<?php
// 连接数据库
$servername = "localhost";
$username = "username";
$password = "password";
$dbname = "database";
$conn = new mysqli($servername, $username, $password, $dbname);

// 获取输入值
$term = $_GET['term'];

// 查询匹配的数据
$sql = "SELECT * FROM table WHERE column LIKE '%$term%'";
$result = $conn->query($sql);

// 构建结果数组
$data = array();
if ($result->num_rows > 0) {
  while ($row = $result->fetch_assoc()) {
    $data[] = $row['column'];
  }
}

// 返回结果数组
echo json_encode($data);

// 关闭数据库连接
$conn->close();
?>