javascript - 如何使用 Javascript 隐藏和显示基于特定 div 类基的多个 div？

Question

正如你们在这里看到的，我希望能够根据你们在下拉菜单中给出的答案隐藏和显示生日和周年纪念框。

当我选择周年纪念时，我无法隐藏生日汽车，它只适用于一个盒子，尽管将相同的 ID 添加到 div 组。 我也试过上同一个类，但还是没用。非常感谢任何帮助!

$("#kindofgreeting").change(function() {

if ($(this).val() == "Birthday") {

$('#ann').hide();
$('#bday').show();
  } 
enter code here
$('#bday').hide();
$('#ann').show();
}
});

$("#kindofgreeting").trigger("change");

https://codepen.io/bennyblanco4/pen/rNBLPrrI

Answer 1

您的笔链接无效，但我想我可以帮助您。

$("#kindofgreeting").change(function () {

    if ($(this).val() == "Birthday") {
        $('#ann').hide();
        $('#bday').show();
    } else if ($(this).val() == "Anniversary") {
        //enter code here
        $('#bday').hide();
        $('#ann').show();
    }
});

$("#kindofgreeting").trigger("change");

我想你忘记了 else 语句，如果你想验证两个不同的值，你需要在你需要的条件下加上一个 else if。

希望对您有所帮助，英文由 google 提供。