Javascript 如何显示&x201C;未找到国家/地区”;在jquery中输入搜索?
我正在尝试显示与用户输入匹配的文本。它起作用了,但有一个问题让我想弹出一个通知“找不到国家”。如果我在输入中输入单词“AFGHANISTON”或“ALGEZIA”或其他。然后我希望此代码将运行Javascript 如何显示&x201C;未找到国家/地区”;在jquery中输入搜索?,javascript,jquery,html,Javascript,Jquery,Html,我正在尝试显示与用户输入匹配的文本。它起作用了,但有一个问题让我想弹出一个通知“找不到国家”。如果我在输入中输入单词“AFGHANISTON”或“ALGEZIA”或其他。然后我希望此代码将运行$(“ul.suggestions”).html('NO COUNTRY FOUND') 那么,如果插入的单词不匹配,如何显示“未找到国家/地区”通知?因为如果我在输入中输入了错误的单词,它只会显示一个空格 var selectValues={ “阿富汗”:“阿富汗”, “al”:“阿尔巴尼亚”, “dz
$(“ul.suggestions”).html('NO COUNTRY FOUND')
那么,如果插入的单词不匹配,如何显示“未找到国家/地区”通知?因为如果我在输入中输入了错误的单词,它只会显示一个空格
var selectValues={
“阿富汗”:“阿富汗”,
“al”:“阿尔巴尼亚”,
“dz”:“阿尔及利亚”
};
$(文档).on('click keyup','.country tager',函数(e){
var tagValue=$(this.val().toUpperCase();
如果(tagValue.length>0){
$(“ul.suggestions”).html(“”);
$.each(选择值、函数(键、索引){
如果(此索引of(tagValue)>-1){
$(“ul.suggestions”)。追加(“”+此+” );
}
});
}否则{
$(“ul.suggestions”).html('请插入');
}
e、 停止传播();
});代码>
匹配成功完成后,您可以计算列表中li
的数量,如果它们为零,您可以将HTML设置为找不到国家
以下是一个工作演示:
var selectValues={
“阿富汗”:“阿富汗”,
“al”:“阿尔巴尼亚”,
“dz”:“阿尔及利亚”
};
$(文档).on('click keyup','.country tager',函数(e){
var tagValue=$(this.val().toUpperCase();
如果(tagValue.length>0){
$(“ul.suggestions”).html(“”);
$.each(选择值、函数(键、索引){
如果(此索引of(tagValue)>-1){
$(“ul.suggestions”)。追加(“”+此+” );
}
});
如果($('ul.li')。长度===0){
$(“ul.suggestions”).html(“未找到国家/地区”);
}
}否则{
$(“ul.suggestions”).html('请插入');
}
e、 停止传播();
});代码>
获取一个计数
变量并分配给0
现在,如果您在输入时发现任何文本,则增加计数变量
然后检查情况,
if(count == 0){
$("ul.suggestions").html('No Country found');
}
var selectValues={
“阿富汗”:“阿富汗”,
“al”:“阿尔巴尼亚”,
“dz”:“阿尔及利亚”
};
$(文档).on('click keyup','.country tager',函数(e){
var tagValue=$(this.val().toUpperCase();
var计数=0;
如果(tagValue.length>0){
$(“ul.suggestions”).html(“”);
$.each(选择值、函数(键、索引){
如果(此索引of(tagValue)>-1){
计数=计数+1;
$(“ul.suggestions”)。追加(“”+此+” );
}
});
如果(计数=0){
$(“ul.suggestions”).html(“未找到国家/地区”);
}
}否则{
$(“ul.suggestions”).html('请插入');
}
e、 停止传播();
});代码>
如果在遍历所有国家名称后,$(“ul.suggestions”).html()为空,则可以填充“未找到国家”html,如下代码所示
var selectValues={
“阿富汗”:“阿富汗”,
“al”:“阿尔巴尼亚”,
“dz”:“阿尔及利亚”
};
$(文档).on('onclick keyup','.country tager',函数(e){
var tagValue=$(this.val().toUpperCase();
如果(tagValue.length>0){
$(“ul.suggestions”).html(“”);
$.each(选择值、函数(键、索引){
如果(此索引of(tagValue)>-1){
$(“ul.suggestions”)。追加(“”+此+” );
}
});
如果($((“ul.suggestions”).html()='')
{
$(“ul.suggestions”).html(“未找到国家/地区”);
}
}否则{
$(“ul.suggestions”).html('请插入');
}
e、 停止传播();
});代码>