$("#myInput").autocomplete({
  source: ["选项1", "选项2", "选项3"],
  select: function(event, ui) {
    // 当用户选择一个选项时触发
    console.log("选择了: " + ui.item.value);
    // 可以在这里添加自定义逻辑
  },
  change: function(event, ui) {
    // 当输入框内容改变时触发
    console.log("内容改变为: " + this.value);
  },
  response: function(event, ui) {
    // 当从源获取响应后触发
    console.log("获取到 " + ui.content.length + " 个建议");
  }
});

$("#myInput").autocomplete({
  source: ["选项1", "选项2", "选项3"]
});

// 绑定select事件
$("#myInput").on("autocompleteselect", function(event, ui) {
  console.log("通过事件绑定选择的项目: " + ui.item.value);
});

// 绑定change事件
$("#myInput").on("autocompletechange", function(event, ui) {
  console.log("通过事件绑定改变的内容: " + this.value);
});

$("#myInput").autocomplete({
  source: function(request, response) {
    // 自定义数据源函数
    $.ajax({
      url: "/api/search",
      data: { term: request.term },
      success: function(data) {
        // 可以在这里处理原始数据
        var results = $.map(data, function(item) {
          return {
            label: item.name + " (" + item.category + ")",
            value: item.name,
            id: item.id
          };
        });
        response(results);
      }
    });
  },
  select: function(event, ui) {
    // 可以访问自定义属性
    console.log("选择的ID: " + ui.item.id);
  }
});