使用基於另一個下拉列表的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顯示和隱藏控件

回答

相關問題