我有以下代码:

<select>
    <option disabled selected>Select Method</option>
    <option value="question">Question</option>
    <option value="password">Password</option>
    <option value="email">Email</option>
    <option value="none">None</option>
</select>


现在,我希望当用户选择每个隐藏在display:none;中的CSS中的div时,例如,当用户选择Question具有问题ID的div时,或Password选择具有密码ID的div时,可见。
我尝试这样做但不起作用:

$(document).ready(function(){
    if ($("#auth option:selected").text() ==  "question"){
        $("#question").css("display","block");
    }
});


那我该怎么做呢?

最佳答案

尝试这个,

$('#auth').on('change', function() {
    var that = $(this).val();
    if (that  ===  "question"){
        $("#question").css("display","block");
    }
});

10-05 20:41
查看更多