[英]How to use json array on autocomplete ajax select function?
使用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');
}
});
}
我只是注意到我可以使用ui.item
访问响应jsone数组上的项目
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');
}
});
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.