javascript - jQuery查找与输入值对应的id

Question

我正在尝试使用 jQuery 查找与文本字段的输入值对应的文本元素，然后隐藏

<input type="text" value="" id="input1"/>
<div id="volvo"><p>HIDE volvo IF VALUE CORRESPONDS</p></div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script>
if(input.value == "volvo"){ //need help on this part
    $("#volvo").hide();
}     
</script>

Answer 1

jQuery

$("#input1").val() == "volvo";

Vanilla

document.getElementById("input1").value == "volvo";

正如 guest271314 也指出的那样，您没有事件处理程序来触发检查。

你会想要这样的东西:

var input = document.getElementById("input1")

input.addEventListener("keyup", function(){
   // if statement...
};