Jquery 为什么引导自动完成选择无法正常工作？

我正在尝试让Bootstrap/jqueryautocomplete工作。在@Rav most os的帮助下，它可以在“选择：函数事件，ui{”之外工作。当用户开始在“客户端名称”文本字段中输入文本时，在三个字符后，可能的选项列表出现

选择了其中一个选项，这是可行的，但接下来我需要填充“$”company\u image\u 1

Ajax返回如下所示：

["BRITA|Brita.png|LONHA","Britannia|BrittaniaPharmaceuticals.png|","Britannia Pharmaceuticals Ltd|Britannia_1.png|GILHR","British Airports Authority|baa.png|LHRPQ"]

下面的代码是我正在尝试的：

$(document).ready(function() { 
  $("#LookUpCompanyImage").html('');
    $('#client_name').autocomplete({
      minLength: 3,
      appendTo: "#suggestion_container",
      "position": { my : "right top", at: "right bottom", collision: "flip" },
      source: function( request, response ) {
        $.ajax({
          url : 'check_name.php',
          type: "get",
          dataType: "json",
          data: {
            name_startsWith: request.term,
            row_num : 1
          },
          success: function( data ) {
            response( $.map( data, function( item ) {
              var code = item.split("|");
              console.log("CODE", code);
              return {
                label: code[0],
                value: code[0],
                data : item
              };
            }));
          },
          autoFocus: true,

         select: function( event, ui ) {
           var names = ui.item.data.split("|");
           $('#company_image_1').val(names[1]);
           $("#LookUpCompanyImage").html("<img src=\"../../../../../apps/conf/conf_images/adminsmall/" + names[1] + "\">");
         }
       }
     );
    }
  });
});

有人知道为什么没有填充“$”company_image_1“。valnames[1]；”。

您没有正确结束源属性。这意味着要声明为autocomplete参数的select和autoFocus属性实际上是在ajax函数中声明的

语法应如下所示：

$document.readyfunction{ $'LookUpCompanyImage'.html； $“客户端名称”。自动完成{ 最小长度：3， 附件：'建议容器'， 位置：{my:'右上'，at:'右下'，collision:'翻转'}， 来源：functionrequest，response{ $.ajax{ url:“check_name.php”， 键入：“get”， 数据类型：“json”， 数据：{ name_startsWith:request.term， 行数：1 }, 成功：functiondata{ 回答 $.mapdata，functionitem{ var代码=项目。拆分“|”； console.log'CODE'，CODE； 返回{ 标签：代码[0]， 值：代码[0]， 数据：项目 }; } ; } }; }, 自动对焦：对， 选择：functionevent，ui{ var name=ui.item.data.split'|'； $‘公司形象’。名称[1]； $'LookUpCompanyImage'.html ; } };

---

}；如果您使用console.log，ui会返回什么？@Gary Thomas我现在插入了select:function event，ui{console.logUI，ui；var names=ui.item.data.split |$'company_image_1'。valnames[1]；$LookUpCompanyImage.html；}，但没有错误。因此我随后插入了select:function event，ui{console.logTEST；，即使这样也不会显示。'Gary Thomas非常感谢您关注这个问题，它现在工作得非常好。我花了整个下午的时间来研究代码的定位。但是一双新的眼睛起到了作用。再次非常感谢您的时间。