Javascript HTML表格搜索在搜索字段后获取最后一行字段内容没有值

我有一个带有搜索字段的HTML表，可以按名称过滤结果。和另一个字段，用于显示与此人对应的国家

一切正常，但当我从搜索字段中删除输入时，Country字段将从最后一行获取国家。我想要的是，每当搜索字段为空时，国家字段也应该为空

代码如下：

函数myFunction（）{
var输入、过滤器、表格、tr、td、i、TXT值；
输入=document.getElementById（“myInput”）；
filter=input.value.toUpperCase（）；
table=document.getElementById（“myTable”）；
tr=table.getElementsByTagName（“tr”）；
对于（i=0；i-1）{
tr[i].style.display=“”；
document.getElementById（“Res”）.value=tr[i].getElementsByTagName（“td”）[1].textContent；//traer nombre del pais indice 1
}否则{
tr[i].style.display=“无”；
}
}
}
}

*{
框大小：边框框；
}
#我的输入{
背景图片：url（'/css/searchicon.png'）；
背景位置：10px 10px；
背景重复：无重复；
宽度：100%；
字体大小：16px；
填充：12px 20px 12px 40px；
边框：1px实心#ddd；
边缘底部：12px；
}
#我的桌子{
边界塌陷：塌陷；
宽度：100%；
边框：1px实心#ddd；
字号：18px；
}
#MYTH表，
#myTable td{
文本对齐：左对齐；
填充：12px；
}
#myTable tr{
边框底部：1px实心#ddd；
}
#myTable tr.header，
#myTable tr：悬停{
背景色：#f1f1；
}

我的顾客
名称
国家
阿尔弗雷德·福特基斯特
德国
伯格伦兹蛇
瑞典
岛屿贸易
英国
科尼格利希·埃森
德国
笑巴克斯酒窖
加拿大
马加兹尼营养不良
意大利
北/南
英国
巴黎特色酒店
法国

只需为

过滤器

值添加检查，如果该值为空，请将

coutry

字段设置为空”

函数myFunction（）{
var输入、过滤器、表格、tr、td、i、TXT值；
输入=document.getElementById（“myInput”）；
filter=input.value.toUpperCase（）；
table=document.getElementById（“myTable”）；
tr=table.getElementsByTagName（“tr”）；
对于（i=0；i-1）{
tr[i].style.display=“”；
document.getElementById（“Res”）.value=tr[i]。getElementsByTagName（“td”）[1]。textContent；
}否则{
tr[i].style.display=“无”；
}
}    
}
如果（！过滤器）
document.getElementById（“Res”）.value=“”；
}

*{
框大小：边框框；
}
#我的输入{
背景图片：url（'/css/searchicon.png'）；
背景位置：10px 10px；
背景重复：无重复；
宽度：100%；
字体大小：16px；
填充：12px 20px 12px 40px；
边框：1px实心#ddd；
边缘底部：12px；
}
#我的桌子{
边界塌陷：塌陷；
宽度：100%；
边框：1px实心#ddd；
字号：18px；
}
#MYTH表，
#myTable td{
文本对齐：左对齐；
填充：12px；
}
#myTable tr{
边框底部：1px实心#ddd；
}
#myTable tr.header，
#myTable tr：悬停{
背景色：#f1f1；
}

我的顾客
名称
国家
阿尔弗雷德·福特基斯特
德国
伯格伦兹蛇
瑞典
岛屿贸易
英国
科尼格利希·埃森
德国
笑巴克斯酒窖
加拿大
马加兹尼营养不良
意大利
北/南
英国
巴黎特色酒店
法国

这需要一些工作，但您可能想看看这个

• 介绍eventlisteners
• 创建结果中的国家/地区列表
• 使用querySelectorAll和：仅选择相关单元格的第一个子项，可以更优雅地选择单元格

window.addEventListener（“加载”，函数（）{//on page load
document.getElementById（“myInput”）.addEventListener（“input”，function（）{//任何输入
var filter=this.value.toUpperCase（），
td=document.querySelectorAll（#myTable tr td:first child）；//第一个单元格
var国家=[]；
document.getElementById（“Res”）.value=“”；
对于（var i=0；i-1；
if（find）countries.push（td[i].nextElementSibling.textContent）
td[i].最近的（“tr”）.style.display=found？”：“无”//显示或隐藏行
if（filter）document.getElementById（“Res”）.value=countries.join（“，”）；
}
})
})

*{
框大小：边框框；
}
#我的输入{
背景图片：url（'/css/searchicon.png'）；
背景位置：10px 10px；
背景重复：无重复；
宽度：100%；
字体大小：16px；
填充：12px 20px 12px 40px；
边框：1px实心#ddd；
边缘底部：12px；
}
#我的桌子{
边界塌陷：塌陷；
宽度：100%；
边框：1px实心#ddd；
字号：18px；
}
#MYTH表，
#myTable td{
文本对齐：左对齐；
填充：12px；
}
#myTable tr{
边框底部：1px实心#ddd；
}
#myTable tr.header，
#myTable tr：悬停{
背景色：#f1f1；
}

我的顾客
名称
国家
阿尔弗雷德·福特基斯特
德国
伯格伦兹蛇
瑞典
岛屿贸易
英国
科尼格利希·埃森
德国
笑巴克斯酒窖
加拿大
马加兹尼食品
  if(!filter)
    document.getElementById("Res").value = "";