如何在自动完成ajax选择函数上使用json数组？

Question

使用Ajax自动完成jQuery UI我在搜索中成功回复了搜索结果;但是，我需要对选定的结果采取措施，将我的响应值传递给JavaScript。

这里是我的JSON和我的片断：

[{ 
    "id": 10, 
    "value": "Amy", 
    "country": "Algeria" 
}, 
{ 
    "id": 37, 
    "value": "Amon", 
    "country": "Belgium" 
}] 

function Searchme() { 
    var search_value = jQuery("#searchboxrecord").val(); 
    var search_url = "{{ path('search', {'value': 'text'}) }}"; 
    search_url = search_url.replace('text', search_value); 
    $('#searchboxrecord').autocomplete({ 
    source: function (request, response) { 
     $.ajax({ 
     type: "GET", 
     url: search_url, 
     data: {}, 
     dataType: "json", 

     success: function (data) { 
      response(data); 

     } 
     }); 
    }, 
    minLength: 1, 
    select: function (event, ui) { 
     $('.myText .show-content[data-type= "' + country + '"] ').fadeIn('slow'); 
    } 
    }); 
} 

Answer 1

我刚刚注意到，我可以使用ui.item

function Searchme(){ 
var search_value = jQuery ("#searchboxrecord").val(); 
var search_url = "{{ path('search', {'value': 'text'}) }}"; 
search_url = search_url.replace('text', search_value); 
$('#searchboxrecord').autocomplete({ 
    source: function (request, response) { 
     $.ajax({ 
      type: "GET", 
      url: search_url, 
      data: {}, 
      dataType: "json", 

      success: function(data){ 
       response(data); 
      } 
     }); 
    }, 
    minLength: 1, 
    select: function (event, ui) { 
     var country = ui.item.country; 

     $('.myText .show-content[data-type= "' + country + '"] ').fadeIn('slow'); 
     $('.myText .show-content[data-type!= "' + country + '"] ').fadeOut('slow'); 
    } 
}); 
}