如何使用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。

希望此幫助由谷歌提供英文。