Anfügen Array in HTML (Dropdown-Feld Eingabefeld)

Question

Ich mache eine Autocomplete-Suchleiste mit Codeigniter, ich bekomme Daten durch Ajax Anruf, die Daten kommen in einem Array, wie ich es mit dem Befehl print_r() überprüft. Die Daten kommen in Array.

in Ajax-Daten nun auch in console.log kommen, hier ist mein Code von Ajax:

$(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); 
      } 
     }); 
    } 
}); 
}); 

Jetzt möchte ich in einem Tropfen, dass die Daten zeigen nach unten unterhalb des Eingabefeldes. Was sollte ich jetzt tun? Bitte hilf mir.

Answer 1

Versuchen folgen,

$(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

Versuchen Sie, diese

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