Question

我想根据下拉列表中项目的选择使用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;
    }
}

Answer 1

我不确定您是否可以使用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本身，就像检索text变量的方式一样。

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

1 个答案: