如果輸入值等於特定的文本，顯示

我正在學習jQuery的緩慢而穩步地，所以請原諒我的無知。我做了很多谷歌搜索，導致下面的怪人例子。如果輸入值等於特定的文本，顯示

在這個例子中，如果用戶輸入「凱西」或「凱西」或「凱西」到輸入，我想DIV＃皮特有顯示：塊。

在此先感謝！

<!DOCTYPE html> 
 
<html> 
 
<head> 
 

 
<script> 
 
    
 
$(document).ready(function() { 
 
    $("#fname").keyup(function() { 
 
     $("#pete").css("display", this.value == "Kasey,KASEY,Kasey" ? "block" : "none"); 
 
    }); 
 
}); 
 

 
</script> 
 

 

 
</head> 
 
<body> 
 

 
<p>Name: <input type="text" id="fname"></p> 
 
<p id="pete" style="display:none;" >Pete</p> 
 

 
</body> 
 
</html>

來源

2016-02-15 ChiChiPooL

<!DOCTYPE html> 
<html> 
<head> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script> 
<script> 

$(document).ready(function() { 
    $("#fname").keyup(function() { 
     if(this.value == "Kasey" || this.value=="KASEY" || this.value=="Kasey"){ 
      $('#pete').css("display", "block"); 
     }else{ 
      $('#pete').css("display", "none"); 
     } 
    }); 
}); 

</script> 


</head> 
<body> 

<p>Name: <input type="text" id="fname"></p> 
<p id="pete" style="display:none;" >Pete</p> 

</body> 
</html>

來源

2016-02-15 03:59:53 thehiep8x

歡迎SO。你非常接近，你可以修改你的代碼來這樣讀取：(this.value == "Kasey" || this.value == "KASEY) ? "block" : "none"

下面的例子使用indexOf。我創建可能值的數組，然後使用indexOf()檢查，如果陣列中存在的類型值。

$(document).ready(function() { 
    var acceptedValues = ["Kasey", "KASEY"]; 
    $("#fname").keyup(function() { 
     $("#pete").css("display", (acceptedValues.indexOf(this.value) != -1) ? "block" : "none"); 
    }); 
});

來源

2016-02-15 03:54:51 sudo

感謝所有

此代碼工作完美

\t $(document).ready(function() { 
 
    $("#country").keyup(function() { 
 
     $("#question").css("display", this.value == "france" || this.value == "France" ? "block" : "none"); 
 
\t \t $("#reponse").css("display", this.value == "france" ? "block" : "none"); 
 
    }); 
 
});

來源

2016-02-15 15:34:59 ChiChiPooL

如果輸入值等於特定的文本，顯示

回答

相關問題