在jquery中按类别自动完成搜索

<input type="text" id="searchInput" />

$(document).ready(function() {
  $('#searchInput').autocomplete({
    source: function(request, response) {
      // 在这里编写搜索逻辑，根据用户输入的关键词返回匹配的选项
      // 可以通过AJAX请求后端接口获取数据，或者使用本地数据源
    },
    select: function(event, ui) {
      // 在这里编写选中选项后的逻辑
    }
  });
});

source: function(request, response) {
  $.ajax({
    url: 'search.php', // 后端接口地址
    dataType: 'json',
    data: {
      keyword: request.term // 用户输入的关键词
    },
    success: function(data) {
      response(data); // 将搜索结果返回给自动完成插件
    }
  });
}

select: function(event, ui) {
  var selectedOption = ui.item.value; // 获取选中的选项值
  // 在这里编写选中选项后的逻辑
}