我希望在按下搜索按钮后输入字段为空，以便可以看到占位符文本。我该如何做到这一点？
let inp1 = document.querySelector('#inp1');
let arrai = ["cake","apple","banan"];
function engine(){
for(let srch of arrai){
if (inp1.value === srch) {
window.location.href = inp1.value+".html"
} else {
inp1.focus();
inp1.style.border = "2px solid red";
inp1.placeholder = "failed";
}
}
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Våpen smuglere</title>
<script src="/Script/jquery-3.4.1.js"></script>
<script src="/Script/weapons.js"></script>
<link rel="stylesheet" type="text/css" href="/CSS/index.css">
<link rel="stylesheet" type="text/css" href="/CSS/weaponsmugler.css">
</head>
<body>
<div class="top-nav">
<a href="Index.html">
<img id=logo src="bilder/PST.png" alt="PST logo">
</a>
<a class="topnavlinks" href="login.html">Logg ut</a>
<a class="topnavlinks"href="Admin.html">Ny sak</a>
</div>
<div id="container">
<div id="spacing">
</div>
<main id="main-content-grid">
<article id="weapon" class="col-xs-12 col-md-6 col-lg-4">
<h3>Mistenkt våpensmugling</h3>
<img class="img-fluid" src="bilder/VåpenSmugler.jpg">
<ul>
<li class="Case-info">Type sak: Våpensmugling</li>
<li id="status" class="Case-info">Status:</li>
<li class="Case-info">Mistenkte: Motorsykkelklubb fra Lillestrøm</li>
<li class="Case-info">Beskrivelse: En motorsykkelklubb fra Lillestrøm er mistenkt i å smulge store mengeder våpen fra Russland via Finland</li>
</ul>
<input class="solved" onclick="notSolved()" type="button" value="Uløst">
<input class="solved" onclick="solved()" type="button" value="Løst">
</article>
<article id="weapon" class="col-xs-12 col-md-6 col-lg-4">
<h3>Mistenkt våpensmugling</h3>
<img class="img-fluid" src="bilder/VåpenSmugler.jpg">
<ul>
<li class="Case-info">Type sak: Våpensmugling</li>
<li id="status" class="Case-info">Status:</li>
<li class="Case-info">Mistenkte: Motorsykkelklubb fra Lillestrøm</li>
<li class="Case-info">Beskrivelse: En motorsykkelklubb fra Lillestrøm er mistenkt i å smulge store mengeder våpen fra Russland via Finland</li>
</ul>
<input class="solved" onclick="notSolved()" type="button" value="Uløst">
<input class="solved" onclick="solved()" type="button" value="Løst">
</article>
<article id="weapon" class="col-xs-12 col-md-6 col-lg-4">
<h3>Mistenkt våpensmugling</h3>
<img class="img-fluid" src="bilder/VåpenSmugler.jpg">
<ul>
<li class="Case-info">Type sak: Våpensmugling</li>
<li id="status" class="Case-info">Status:</li>
<li class="Case-info">Mistenkte: Motorsykkelklubb fra Lillestrøm</li>
<li class="Case-info">Beskrivelse: En motorsykkelklubb fra Lillestrøm er mistenkt i å smulge store mengeder våpen fra Russland via Finland</li>
</ul>
<input class="solved" onclick="notSolved()" type="button" value="Uløst">
<input class="solved" onclick="solved()" type="button" value="Løst">
</article>
</main>
</div>
</body>
</html>这会将输入设置为空白，并且应显示占位符。如果那不起作用，请尝试
m trying to filter the dates in a column using autofilter,but when i must filter between two dates this error shows: "The autofilter method of the range class has failed". I通常innreHTML仅适用于div，span等。输入具有值。
,问题的答案是，您需要将值设置为空才能看到占位符。但是您的代码仅适用于数组中的第一个值，因为您假设匹配无效是错误的。情况并非如此，因为您尚未检查所有可能性。
您需要做的就是更改支票。最好使用include而不是for循环。
function engine(){
var value = inp1.value.toLowerCase()
var hasMatch = arrai.includes(value)
if (hasMatch) {
window.location.href = value + ".html"
} else {
inp1.value = ''; // what you originally asked for
inp1.focus();
inp1.style.border = "2px solid red";
inp1.placeholder = "failed";
}
}
使用for循环
function engine(){
var hasMatch = false
for(let srch of arrai){
if (inp1.value === srch) {
window.location.href = inp1.value + ".html"
hasMatch = true
}
}
if (!hasMatch) {
inp1.value = '';
inp1.focus();
inp1.style.border = "2px solid red";
inp1.placeholder = "failed";
}
}