javascript - 如果选择了某个选择选项，则将 div 的 css 更改为 "Display:None"

Question

我正在尝试根据用户选择的“性别”(即先生、女士、女士)更改我的表单输入。如果用户选择“先生”，我想更改表格以根据他的性别定制输入。为此，我需要一些问题消失。

我的 JSFiddle 在这里 Jsfiddle

HTML

<select name="prefix" id="prefix">
            <option value=""></option>
            <option value="mr">Mr.</option>
            <option value="ms">Ms.</option>
            <option value="mrs">Mrs.</option>
</select> 

<div id="disappear">
</div>

JavaScript

<script>
        if($('#prefix').val("mr")){
            $("#disappear").css("display", "none");
        };
</script>

谢谢大家，非常感谢。

Answer 1

将您的代码更改为:

$(document).ready(function () {
    $('#prefix').on("change", function () {
        if ($(this).val()=="mr") {
            $("#disappear").css("display", "none");
        };
        else{
            $("#disappear").css("display", "block");
        }
    });
})

您需要将该代码包装在更改事件处理程序中