大家好,我有以下问题。
我为自己制作了以下自动完成功能,我希望当用户输入无效城市
时在文本框下显示“未找到匹配项”
或“否”找到城市”
等。
这是我的 Jquery。
(P.S.)我需要它在没有任何自动完成插件等的情况下工作。
$('.form-control').keyup(function(e){
e.preventDefault();
$.ajax({
method: "GET",
url: "https://api.teleport.org/api/cities?search=" + $('.form-control').val(),
}) .done(function(data){
if(typeof data._embedded["city:search-results"][0] === 'undefined') {
$('#datalist').append('Please select a valid value.');
} else {
console.log(data._embedded["city:search-results"][0].matching_full_name);
$('option:eq(0)').remove();
$('#datalist').append('<option value="' + data._embedded["city:search-results"][0].matching_full_name + '">');
}
});
});
最佳答案
这就是你想要实现的目标吗?
$('.form-control').keyup (function (e) {
e.preventDefault ();
$.ajax ( {
method: "GET",
url: "https://api.teleport.org/api/cities?search=" + $('.form-control').val (),
} )
.done ( function(data){
if(typeof data._embedded["city:search-results"][0] === 'undefined') {
$('#datalist').html ('');
$('#datalist').html ('No Match Found');
}
else {
console.log (data._embedded["city:search-results"][0].matching_full_name);
$('#datalist').html ('');
$('option:eq(0)').remove ();
$('#datalist').html ('<option value="' + data._embedded["city:search-results"][0].matching_full_name + '">' + data._embedded["city:search-results"][0].matching_full_name + '</option>');
}
});
});
关于Jquery 文本字段自动完成,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39830376/