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

我想基于在下拉列表中选择一个项目来使用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; 
    } 
}

来源

2015-04-02 john

那么你面临的是什么问题？ – 2015-04-02 10:42:48

我想隐藏下拉菜单但上面的代码不起作用 – john 2015-04-02 10:43:35

查看我的答案，并让我知道你是否面临任何问题。 – 2015-04-06 05:29:41

我不知道是否可以使用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变量的方式一样。

来源

2015-04-02 11:24:27

它不工作。 – john 2015-09-17 08:18:21

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

回答

相关问题