Невозможно отобразить данные в раскрывающемся списке после ввода "@"

Question

У меня есть сценарий, в котором есть поле ввода, где я хочу, чтобы при вводе пользователем символа «@» автоматически появлялось раскрывающееся меню со списком динамических данных, а затем пользователь мог выбрать значение из раскрывающегося списка.как это делается в обычном выпадающем меню.

Я могу захватить значение «@», чтобы знать, когда пользователь его набрал, а также получить список динамических данных через ajax, но я не могу отобразитьданные внутри выпадающего списка, как только пользователь набрал @

Это должно выглядеть примерно так

Может кто-нибудь, пожалуйста, помогите мне с этим

<input type="text" value="" id="dSuggest" />
   $(document).ready(function() {
    $("#dSuggest").keyup(function() {
        var dInput = $(this).val();
        if(dInput == '@'){  
         $.ajax({
            type: "get",
            url: "<?php echo base_url(); ?>data/name",
            success: function (data) 
                {
                    console.log(data)
                    $('#view_workforce').html(data);
                }
            });
        }
    });
});

Answer 1

В вашей функции успеха создайте свой выпадающий список

success: function(data) {
  var list = [];
  $.each(data, function(i, v) {
    list.push("<li>" + v + "</li>");
  });
  $("#dSuggest").insertAfter('<ul>' + list.join('') + '</ul>');
}