Javascript 根据多个值显示隐藏div

我正在尝试将此.value与多个选项进行比较，如何进行比较？我无法找出将this.value与更多选项进行比较的语法

window.onload = function(){
    var elem = document.getElementById("country-list");
    elem.onchange = function(){
        var hiddenDiv = document.getElementById("showMe");
        hiddenDiv.style.display = (this.value != "option1","option2") ? "none" : "block";
    };    
}

您需要为此设置“and”运算符

hiddenDiv.style.display = (this.value != "option1" && this.value != "option2") ? "none":"block";

---

如果您想为不同的值指定不同的行为

this.value

可以采用，您可能需要使用（通常称为“开关案例”）

在你的例子中，我会选择

elem.onchange = function(){
    var hiddenDiv = document.getElementById("showMe");
    var newDisplay = "";
    switch (this.value) {
        case "option1":
        case "option2":
            newDisplay = "block";
            break;
        ...
        default:
            newDisplay = "none";
    }
    hiddenDiv.style.display = newDisplay;
};

---

如果仍要使用条件（三元）运算符，可以尝试以下操作：

function example(…) {
    return condition1 ? value1
         : condition2 ? value2
         : condition3 ? value3
         : value4;
}

// Equivalent to:

function example(…) {
    if (condition1) { return value1; }
    else if (condition2) { return value2; }
    else if (condition3) { return value3; }
    else { return value4; }
}