используя jquery интерфейс автозаполнения, но стили скрываются

Question

Я использую jquery Пользовательский интерфейс завершен автоматически, и я получаю результаты, единственная проблема, которую я получаю:

http://prntscr.com/rsm946

не уверен, почему он не отображается, json идет как надо

my JSOn

[{"name":"author","type":"U","status":"0","owner":"dbo"},{"name":"author_dates","type":"U","status":"0","owner":"dbo"}] 

$("#student").autocomplete(
    {
    source: function(request, response) {
    $.ajax({
        url: "search.cfc?method=searchByName&returnformat=json",
        dataType: "json",
        data: {
        search: request.term,
        maxRows: 10
    },
    success: function(data) {
      response($.map(data, function(item) {
         return { 
            label: item.label, value: item.label 
         };
      }));
    }
    })
    },
    select: function( event, ui ) {
        $('#submit').css("display", "block");
    }
});

Answer 1

Пожалуйста, примите во внимание следующее:

$("#student").autocomplete({
  source: function(request, response) {
    $.getJSON("search.cfc", {
      method: "searchByName",
      returnformat: "json",
      search: request.term,
      maxRows: 10
    }, function(data) {
      response($.map(data, (item) => {
        return $.extend(item, {
          label: item.name,
          value: item.name,
        });
      }));
    });
  },
  select: function(event, ui) {
    $('#submit').css("display", "block");
  }
});

Answer 2

Атрибутом вашего объекта является имя, а не метка, поэтому вы должны написать имя независимо от метки

$("#student").autocomplete(
{
source: function(request, response) {
$.ajax({
    url: "search.cfc?method=searchByName&returnformat=json",
    dataType: "json",
    data: {
    search: request.term,
    maxRows: 10
},
success: function(data) {
  response($.map(data, function(item) {
     return { 
        label: item.name, value: item.name
     };
  }));
}
})
},
select: function( event, ui ) {
    $('#submit').css("display", "block");
}

});