我有以下代码:
<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");
}
});