Javascript 如何使用jquery显示/隐藏两个单独的面板？

这是我的密码：

    function displayPanel(ddl) {
    var value = ddl.options[ddl.selectedIndex].Text;
    var value2 = ddl.options[ddl.selectedIndex].Text;
    if (value = "News") {
        document.getElementById("<%=pnlCreateNews.ClientID %>").style.display = "block";
        document.getElementById("<%=pnlCreateReview.ClientID %>").style.display = "none";
    }
    else if (value2 = "Review") {
        document.getElementById("<%=pnlCreateReview.ClientID %>").style.display = "block";
        document.getElementById("<%=pnlCreateNews.ClientID %>").style.display = "none";
    }
};

它起了一半作用。我从下拉列表中选择“新闻”并显示“新闻”面板，但是如果我尝试选择“查看”，则“查看”面板将保持隐藏状态

修改代码后，我可以在选择Review时弹出Review面板。但是，选择“新闻”后，“新闻”面板将保持隐藏状态

---

我离这很近，但我不知道还能做什么。看起来不错，但我很可能遗漏了什么。

首先，需要对if语句使用double equal。 试一试

此外，您可能还可以使用jquery id选择器$id更新getElementById

您还可以使用$id.show和$id.hide显示/隐藏项目 看

更新1：

您需要将id替换为或 试试这个：

  function displayPanel(ddl) {
    var value = ddl.options[ddl.selectedIndex].Text;
    if (value == "News") {
        document.getElementById("<%=pnlCreateNews.ClientID %>").style.display = "block";
        document.getElementById("<%=pnlCreateReview.ClientID %>").style.display = "none";
    }
    else if (value == "Review") {
        document.getElementById("<%=pnlCreateReview.ClientID %>").style.display = "block";
        document.getElementById("<%=pnlCreateNews.ClientID %>").style.display = "none";
    }
};

---

使用===进行比较，而不是在jquery$'panelCreateNews.show中使用===进行比较；或$'panelCreateNews.hide

试试这个：

 if (value == "News") {
    $(#"[insertElementIDHere]").toggle();
    $(#"[insertSecondElementIDHere]").toggle();
}

---

它不起作用。我选择了新闻，但什么也没出现。我选择了复习，但什么也没出现。我使用==和原始代码，然后使用==和$id选择器来完成。

  function displayPanel(ddl) {
    var value = ddl.options[ddl.selectedIndex].Text;
    if (value == "News") {
        document.getElementById("<%=pnlCreateNews.ClientID %>").style.display = "block";
        document.getElementById("<%=pnlCreateReview.ClientID %>").style.display = "none";
    }
    else if (value == "Review") {
        document.getElementById("<%=pnlCreateReview.ClientID %>").style.display = "block";
        document.getElementById("<%=pnlCreateNews.ClientID %>").style.display = "none";
    }
};

 if (value == "News") {
    $(#"[insertElementIDHere]").toggle();
    $(#"[insertSecondElementIDHere]").toggle();
}