表过滤器未找到消息（超文本标记语言JS）
过滤完成后，如果列表值与输入值均不匹配，我将尝试显示“未找到”文本。我使用了不同的方法，但不起作用，下面是我的代码。提前谢谢你。
<body>
<input type="text" id="myInput" onkeyup="myFunction()" placeholder="Search for names.." title="Type in a name">
<table id="myTable">
<tr class="header">
<th style="width:60%;">Name</th>
<th style="width:40%;">Country</th>
</tr>
<tr>
<td>Alfreds Futterkiste</td>
<td>Germany</td>
</tr>
<tr>
<td>Berglunds snabbkop</td>
<td>Sweden</td>
</tr>
<tr>
<td>Island Trading</td>
<td>UK</td>
</tr>
<tr>
<td>Koniglich Essen</td>
<td>Germany</td>
</tr>
<tr>
<td>Laughing Bacchus Winecellars</td>
<td>Canada</td>
</tr>
</table>
<script>
function myFunction() {
var input, filter, table, tr, td, i, txtValue;
input = document.getElementById("myInput");
filter = input.value.toUpperCase();
table = document.getElementById("myTable");
tr = table.getElementsByTagName("tr");
for (i = 0; i < tr.length; i++) {
td = tr[i].getElementsByTagName("td")[0];
if (td) {
txtValue = td.textContent || td.innerText;
if (txtValue.toUpperCase().indexOf(filter) > -1) {
tr[i].style.display = "";
} else {
tr[i].style.display = "none";
}
}
}
}
</script>
</body>我使用了一种方法，在html上添加了div text，并将其分类为“text”，样式为“display:none”，然后在js:document中的“else”下面添加了这段代码。getElementById（“文本”）。风格显示=“无”。之后，当您在输入中键入内容时，文本立即显示。
共有1个答案
这可能是你需要的：）如果你使用JQuery或CSS或获得一些麻省理工学院许可的网格可能看起来更好，你会开箱即用：）你可以看看这个http://www.jquery-bootgrid.com/Examples
<body>
<input type="text" id="myInput" onkeyup="myFunction()" placeholder="Search for names.." title="Type in a name">
<table id="myTable">
<tr class="header ignore-search">
<th style="width:60%;">Name</th>
<th style="width:40%;">Country</th>
</tr>
<tr>
<td>Alfreds Futterkiste</td>
<td>Germany</td>
</tr>
<tr>
<td>Berglunds snabbkop</td>
<td>Sweden</td>
</tr>
<tr>
<td>Island Trading</td>
<td>UK</td>
</tr>
<tr>
<td>Koniglich Essen</td>
<td>Germany</td>
</tr>
<tr>
<td>Laughing Bacchus Winecellars</td>
<td>Canada</td>
</tr>
<tr id="not-found-row" class="ignore-search" style="display:none">
<td>Not found</td>
</tr>
</table>
<script>
function myFunction() {
var input, filter, table, tr, td, i, txtValue;
input = document.getElementById("myInput");
filter = input.value.toUpperCase();
table = document.getElementById("myTable");
tr = table.getElementsByTagName("tr");
for (i = 0; i < tr.length; i++) {
td = tr[i].getElementsByTagName("td")[0];
if (td) {
txtValue = td.textContent || td.innerText;
if (txtValue.toUpperCase().indexOf(filter) > -1) {
tr[i].style.display = "";
} else {
tr[i].style.display = "none";
}
}
}
var resultsNotFound = true;
document.querySelectorAll("table tr:not(.ignore-search)").forEach(tr => {
var isHidden = tr.offsetParent === null
if(!isHidden) {
resultsNotFound = false;
}
})
var notFoundLabel = document.getElementById('not-found-row');
if(resultsNotFound) {
notFoundLabel.style.display = "";
} else {
notFoundLabel.style.display = "none";
}
}
</script>
</body>-
我试着通过电子邮件发送这个。我尝试了很多方法，但总是得到同样的结果：一个错误。 http://goto-21.net/campaign/htmlversion?mkt_hm=0 我试过这个： curl-s--user'api： key-3ax6xnjp29jd6fds4gc373sgvjxteol0'\Xhttps://api.mailgun.net/v2/samples.mailgun.org/
-
我有一个网站的大表单，有多个必填字段，并且所有这些都运行良好，当我单击表单上的提交时，网页滚动到字段的位置并显示错误消息，除了两个部分，“旅行者人数”和“旅行日期”。这是两者的超文本标记语言： 这是一个指向实际页面的链接：http://www.eliteware.co/92/form/
-
我正试图用Thymeleaf创建一个基于Spring Boot的应用程序。我使用PetClinic样本作为起点。我的应用程序找不到某些模板。 我的项目以标准方式设置： 波姆。xml MyWebApplication.java 家庭控制器。JAVA home.html layout.html application.properties是空的。 当我导航到时，我得到错误： 解析模板“{fragmen
-
我正在使用ITextRenderer从html生成PDF。然而，我得到以下异常： 你能帮帮我吗？ 任何帮助都将不胜感激。 先谢谢你。
-
我试图在HTML的pre标签中包装文本，但它不起作用。我使用下面的CSS作为我的标签。 我从如何在pre标记中换行文本？ 我已添加
-
我将html表格从网页复制到excel，并尝试使用下面的代码，但没有结果。请就如何解决这个问题提出建议。我做了所有的实验，但没有得到正确的结果。