基于另一个下拉列表使用javascript显示和隐藏控件

我想根据下拉列表中的项目选择，使用JavaScript隐藏控件

以下是我目前拥有的：

function DDLDGChanged() {
    var text = $("#<%= DDLDG.ClientID %> option:selected").text();
    alert(text);
    if (text == "DG") {
        document.getElementById('#<%=DDLPsaGroup.ClientID%>').style.display  = "block";
        document.getElementById('#<%=Label29.ClientID%>').style.display  = "block";
        document.getElementById('<%=txtClass.ClientID %>').disabled = false;
    }
    else {
        document.getElementById('#<%=DDLPsaGroup.ClientID%>').style.display  = "none";
        document.getElementById('#<%=Label29.ClientID%>').style.display  = "none";
        document.getElementById('<%=txtClass.ClientID %>').disabled = true;
    }
}

---

我不确定你是否可以使用jQuery，为什么你要依赖Javascript代码。但根据您的代码，您将两者混合，或者这样做：-

你的方式：-

function DDLDGChanged() {
    var text = $("#<%= DDLDG.ClientID %> option:selected").text();
    alert(text);
    if (text == "DG") {
     document.getElementById('<%=DDLPsaGroup.ClientID%>').style.display  = "block";
     document.getElementById('<%=Label29.ClientID%>').style.display  = "block";
     document.getElementById('<%=txtClass.ClientID %>').disabled = false;
 }
 else {
     document.getElementById('<%=DDLPsaGroup.ClientID%>').style.display  = "none";
     document.getElementById('<%=Label29.ClientID%>').style.display  = "none";
     document.getElementById('<%=txtClass.ClientID %>').disabled = true;
    }
}

请注意，当您使用Javascript方法时，无需使用获取控件

使用纯jQuery本身执行此操作，就像检索文本变量一样。

---

那个么你们面临的问题是什么呢？我想隐藏下拉列表，但上面的代码不起作用。请检查我的答案，若你们面临任何问题，请告诉我。