Добавить массив в html (выпадающее поле ввода)

Question

Я делаю панель поиска автозаполнения с помощью codeigniter, я получаю данные через вызов ajax, данные поступают в массив, когда я проверил его с помощью команды print_r(). Данные поступают в массив.

Сейчас в АЯКС данных также приходит в console.log, вот мой код Аякса:

$(document).ready(function(){ 
    $('#country_id').keyup(function() { 
     var min_length = 0; 
    var keyword = $('#country_id').val(); 
    if (keyword.length >= min_length) { 
     $.ajax({ 
      url: 'http://localhost/new/index.php/travels/search_fields', 
      type: 'POST', 
      data: { term: $("#country_id").val()}, 
      success:function(data){ 
       console.log(data); 
      } 
     }); 
    } 
}); 
}); 

Теперь я хочу, чтобы показать, что данные в раскрывающемся ниже поля ввода. Что мне теперь делать? Пожалуйста, помогите мне.

Answer 1

Попробуйте следующее,

$(document).ready(function(){ 
$('#country_id').keyup(function() { 
    var min_length = 0; 
    var selectEl = $("<select id=\"selectId\" name=\"selectName\" />"); 
    var keyword = $('#country_id').val(); 
     if (keyword.length >= min_length) { 
      $.ajax({ 
       url: 'http://localhost/new/index.php/travels/search_fields', 
       type: 'POST', 
       data: { term: $("#country_id").val()}, 
       success:function(data){ 

        // Do this if returned data is not valid javascript array : var jArray = jQuery.makeArray(data); 
        var option = ''; 
        $.each(data, function (i, item) { 
       selectEl.appen($('<option value="'+ item + '">' + item + '</option>')); 
        }); 

       } 
      }); 
     } 
     //finally add select list below the input 
     $(this).after(selectEl); 
    }); 
}); 

Answer 2

Попробуйте

var select_data = ''; 
$.each(data, function (i, item) { 
    select_data += "<option value=''>'+item.some_value+'</option>";     
}); 
$(".your_append_identifier").append(select_data);