Javascript 选择“选择”中的选项时隐藏Div

当在某个选项中选择某个选项时，我需要隐藏一个div，下面是我当前的html：

Type:<select name="Type" id="Type">
        <option value="choice">Multiple choice</option>
        <option value="image">Image/Video</option>
        <option value="click">Click Image</option>
     </select><br>
<div id="answers">  
    Correct Answer:<input type="text" name="answer"><br>        
    Wrong Answer 1:<input type="text" name="wrong1"><br>
    Wrong Answer 2:<input type="text" name="wrong2"><br>
    Wrong Answer 3:<input type="text" name="wrong3"><br>
</div>

类型：
选择题
图像/视频
单击图像


正确答案：

错误答案1:

错误答案2:

错误答案3:

因此，我需要的是，当选择值为“click”的选项时，id为“answers”的div将隐藏，如果选择了其他选项，则应显示该div

---

我确信这可以通过javas实现

监听select上的

更改

事件，获取值

.val（）

，然后检查它是否是

“单击”

。如果是这样的话，

show（）

the

#回答

，否则

hide（）

var$answers=$（“#answers”）；
$（“#Type”）。在（“change”，function（）上{
如果（$（this.val（）=“单击”）{
$answers.show（）；
}否则{
$answers.hide（）；
}
});
#答案{
显示：无；
}

类型：
选择题
图像/视频
单击图像


正确答案：

错误答案1：

错误答案2：

错误答案3：


试试这个

$(function(){
  $("#Type").change(function(){
    if($("#Type").val() == "click"){
      $("#answers").css("display", "none");
    }
    else{
      $("#answers").css("display", "block");
    }
  });
});