在html中追加數組（輸入字段的下拉列表）

Question

我正在使用codeigniter制作自動完成搜索欄，我通過ajax調用獲取數據，當我使用命令print_r（）對其進行檢查時，數據正以數組形式進入。 數據進入數組。

現在在ajax中，數據也出現在console.log中，這是我的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);
            }
        });
    }
});
});

現在，我想在輸入字段下方的下拉列表中顯示該數據。 我現在應該怎么辦？ 請幫幫我。

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);