时间戳

首页 > 解决方案 > 如何在 Javascript 的 If/Else 语句中添加两个以上的条件？

javascript - 如何在 Javascript 的 If/Else 语句中添加两个以上的条件？

问题描述

又是我。

所以我一直在研究这个基本的搜索功能，我将作为文本输入的值与其他值列表进行比较，并基于它执行操作。

用更简单的话来说。我正在搜索逻辑将值与其他字符串进行比较，如果比较成功，则显示和隐藏，如果条件为假，反之亦然。

现在我要实现的另一个条件是，当文本栏（用户将在其中输入值）为空时，应该显示两个 div。下面是我的代码：

我从中获取值的 HTML：-我使用 onchange 获取值-oninput 不起作用:(

<label>Find your location:</label>

<input type="text" class="form-control" id="search_input" placeholder="Type address..." 
onChange="myFunction()"/>

这是我的 JS 代码

<script>

function myFunction() {
   var inzone = document.getElementById("inzone");
   var outzone = document.getElementById("outzone");
if(document.getElementById("search_input").value == null 
||document.getElementById("search_input").value == "")
{
 outzone.style.display = "";
 inzone.style.display = "";
}
else if (document.getElementById("search_input").value === 'something something')
{
outzone.style.display = "none";
inzone.style.display = "";
}
else {

inzone.style.display = "none";
outzone.style.display = "";

}

标签： javascripthtmlwordpress

解决方案

document.getElementById("search_input").value == null永远不会是真的。an的value属性始终HTMLInputElement是一个字符串。它可能是，但不是or （这两项检查）。""nullundefined== null

推荐阅读